From 928c61ccddebc8d2c697b86ee9bee0c207330a8c Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周二, 06 5月 2025 07:18:22 +0800
Subject: [PATCH] 222
---
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