From 2fd8242a14241beba63e71c6f4222b702f0e2f30 Mon Sep 17 00:00:00 2001
From: zs <zhousong@weben-smart.com>
Date: 周二, 06 5月 2025 16:54:44 +0800
Subject: [PATCH] wwww

---
 HIAWms/web/src/components/vue3-context-menu/MenuBar.scss |   57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 57 insertions(+), 0 deletions(-)

diff --git a/HIAWms/web/src/components/vue3-context-menu/MenuBar.scss b/HIAWms/web/src/components/vue3-context-menu/MenuBar.scss
new file mode 100644
index 0000000..f5acf3d
--- /dev/null
+++ b/HIAWms/web/src/components/vue3-context-menu/MenuBar.scss
@@ -0,0 +1,57 @@
+
+//Menu Bar
+//===================================================
+.mx-menu-bar {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: var(--mx-menu-backgroud);
+  padding: 5px 0;
+
+  &.mini {
+    flex-grow: 0;
+  }
+
+  .mx-menu-bar-content {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .mx-menu-bar-item {
+    padding: 2px 8px;
+    border-radius: 5px;
+    user-select: none;
+    background-color: var(--mx-menu-backgroud);
+    color: var(--mx-menu-text);
+
+    &:hover {
+      background-color: var(--mx-menu-hover-backgroud);
+      color: var(--mx-menu-hover-text);
+
+      .mx-menu-bar-icon-menu {
+        fill: var(--mx-menu-hover-text);
+      }
+    }
+    &:active, &.active {
+      background-color: var(--mx-menu-active-backgroud);
+      color: var(--mx-menu-active-text);
+
+      .mx-menu-bar-icon-menu {
+        fill: var(--mx-menu-active-text);
+      }
+    }
+  }
+
+  .mx-menu-bar-icon-menu {
+    fill: var(--mx-menu-text);
+    width: var(--mx-menu-icon-size);
+    height: var(--mx-menu-icon-size);
+  }
+}
+
+.mx-menu-bar.flat {
+  .mx-menu-bar-item {
+    border-radius: 0;
+  }
+}
\ No newline at end of file

--
Gitblit v1.9.3