菜单样式更新

This commit is contained in:
robin
2026-02-16 10:32:35 +08:00
parent 7d83a9f7f4
commit 6d6462c65a
4 changed files with 64 additions and 14 deletions

View File

@@ -78,8 +78,8 @@ body.swal2-shown {
border-radius: 3px; border-radius: 3px;
} }
:root { :root {
--admin-top-nav-bg: #0a1f3f; --admin-top-nav-bg: #0a1f3f;
--admin-side-menu-bg: #1a4674; --admin-side-menu-bg: #0f2c54;
} }
.top-nav.theme1, .top-nav.theme1,
.top-nav.theme2, .top-nav.theme2,
@@ -96,7 +96,9 @@ body.swal2-shown {
.main-menu.theme4, .main-menu.theme4,
.main-menu.theme5, .main-menu.theme5,
.main-menu.theme6, .main-menu.theme6,
.main-menu.theme7, .main-menu.theme7 {
background: var(--admin-side-menu-bg) !important;
}
.main-menu.theme1 .menu, .main-menu.theme1 .menu,
.main-menu.theme2 .menu, .main-menu.theme2 .menu,
.main-menu.theme3 .menu, .main-menu.theme3 .menu,
@@ -104,7 +106,8 @@ body.swal2-shown {
.main-menu.theme5 .menu, .main-menu.theme5 .menu,
.main-menu.theme6 .menu, .main-menu.theme6 .menu,
.main-menu.theme7 .menu { .main-menu.theme7 .menu {
background: var(--admin-side-menu-bg) !important; background: transparent !important;
background-image: none !important;
} }
.main-menu .ui.menu .item.separator, .main-menu .ui.menu .item.separator,
.main-menu .ui.menu .sub-items .item.separator { .main-menu .ui.menu .sub-items .item.separator {
@@ -117,6 +120,11 @@ body.swal2-shown {
} }
.main-menu { .main-menu {
top: 2.6em !important; top: 2.6em !important;
background: var(--admin-side-menu-bg) !important;
}
.main-menu .ui.menu {
min-height: 100% !important;
margin: 0 !important;
} }
.main-menu > .ui.menu > .item:first-child:empty { .main-menu > .ui.menu > .item:first-child:empty {
display: none !important; display: none !important;

View File

@@ -110,7 +110,7 @@ body.swal2-shown {
// Menu background colors only // Menu background colors only
:root { :root {
--admin-top-nav-bg: #0a1f3f; --admin-top-nav-bg: #0a1f3f;
--admin-side-menu-bg: #1a4674; --admin-side-menu-bg: #0f2c54;
} }
.top-nav.theme1, .top-nav.theme1,
@@ -129,7 +129,10 @@ body.swal2-shown {
.main-menu.theme4, .main-menu.theme4,
.main-menu.theme5, .main-menu.theme5,
.main-menu.theme6, .main-menu.theme6,
.main-menu.theme7, .main-menu.theme7 {
background: var(--admin-side-menu-bg) !important;
}
.main-menu.theme1 .menu, .main-menu.theme1 .menu,
.main-menu.theme2 .menu, .main-menu.theme2 .menu,
.main-menu.theme3 .menu, .main-menu.theme3 .menu,
@@ -137,7 +140,8 @@ body.swal2-shown {
.main-menu.theme5 .menu, .main-menu.theme5 .menu,
.main-menu.theme6 .menu, .main-menu.theme6 .menu,
.main-menu.theme7 .menu { .main-menu.theme7 .menu {
background: var(--admin-side-menu-bg) !important; background: transparent !important;
background-image: none !important;
} }
// Hide menu separators // Hide menu separators
@@ -154,6 +158,12 @@ body.swal2-shown {
// Align left menu with top nav and remove leading spacer item // Align left menu with top nav and remove leading spacer item
.main-menu { .main-menu {
top: 2.6em !important; top: 2.6em !important;
background: var(--admin-side-menu-bg) !important;
}
.main-menu .ui.menu {
min-height: 100% !important;
margin: 0 !important;
} }
.main-menu > .ui.menu > .item:first-child:empty { .main-menu > .ui.menu > .item:first-child:empty {

View File

@@ -60,9 +60,10 @@ textarea::-webkit-scrollbar {
select.dropdown { select.dropdown {
height: auto !important; height: auto !important;
} }
/* Menu background colors only */
:root { :root {
--admin-top-nav-bg: #0a1f3f; --admin-top-nav-bg: #0a1f3f;
--admin-side-menu-bg: #1a4674; --admin-side-menu-bg: #0f2c54;
} }
.top-nav, .top-nav,
.top-nav.theme1, .top-nav.theme1,
@@ -81,7 +82,9 @@ select.dropdown {
.main-menu.theme4, .main-menu.theme4,
.main-menu.theme5, .main-menu.theme5,
.main-menu.theme6, .main-menu.theme6,
.main-menu.theme7, .main-menu.theme7 {
background: var(--admin-side-menu-bg) !important;
}
.main-menu .menu, .main-menu .menu,
.main-menu.theme1 .menu, .main-menu.theme1 .menu,
.main-menu.theme2 .menu, .main-menu.theme2 .menu,
@@ -90,7 +93,13 @@ select.dropdown {
.main-menu.theme5 .menu, .main-menu.theme5 .menu,
.main-menu.theme6 .menu, .main-menu.theme6 .menu,
.main-menu.theme7 .menu { .main-menu.theme7 .menu {
background: var(--admin-side-menu-bg) !important; background: transparent !important;
background-image: none !important;
}
.main-menu .ui.menu .item,
.main-menu .ui.menu .sub-items,
.main-menu .ui.menu .sub-items .item {
background: transparent !important;
} }
.main-menu .ui.menu .item.separator, .main-menu .ui.menu .item.separator,
.main-menu .ui.menu .sub-items .item.separator { .main-menu .ui.menu .sub-items .item.separator {
@@ -103,6 +112,11 @@ select.dropdown {
} }
.main-menu { .main-menu {
top: 2.6em !important; top: 2.6em !important;
background: var(--admin-side-menu-bg) !important;
}
.main-menu .ui.menu {
min-height: 100% !important;
margin: 0 !important;
} }
.main-menu > .ui.menu > .item:first-child:empty { .main-menu > .ui.menu > .item:first-child:empty {
display: none !important; display: none !important;

View File

@@ -79,10 +79,10 @@ select.dropdown {
height: auto !important; height: auto !important;
} }
// Menu background colors and separator cleanup // Menu background colors only
:root { :root {
--admin-top-nav-bg: #0a1f3f; --admin-top-nav-bg: #0a1f3f;
--admin-side-menu-bg: #1a4674; --admin-side-menu-bg: #0f2c54;
} }
.top-nav, .top-nav,
@@ -103,7 +103,10 @@ select.dropdown {
.main-menu.theme4, .main-menu.theme4,
.main-menu.theme5, .main-menu.theme5,
.main-menu.theme6, .main-menu.theme6,
.main-menu.theme7, .main-menu.theme7 {
background: var(--admin-side-menu-bg) !important;
}
.main-menu .menu, .main-menu .menu,
.main-menu.theme1 .menu, .main-menu.theme1 .menu,
.main-menu.theme2 .menu, .main-menu.theme2 .menu,
@@ -112,9 +115,18 @@ select.dropdown {
.main-menu.theme5 .menu, .main-menu.theme5 .menu,
.main-menu.theme6 .menu, .main-menu.theme6 .menu,
.main-menu.theme7 .menu { .main-menu.theme7 .menu {
background: var(--admin-side-menu-bg) !important; background: transparent !important;
background-image: none !important;
} }
// Keep menu items transparent for unified menu background
.main-menu .ui.menu .item,
.main-menu .ui.menu .sub-items,
.main-menu .ui.menu .sub-items .item {
background: transparent !important;
}
// Hide menu separators
.main-menu .ui.menu .item.separator, .main-menu .ui.menu .item.separator,
.main-menu .ui.menu .sub-items .item.separator { .main-menu .ui.menu .sub-items .item.separator {
display: none !important; display: none !important;
@@ -128,6 +140,12 @@ select.dropdown {
// Align left menu with top nav and remove leading spacer item // Align left menu with top nav and remove leading spacer item
.main-menu { .main-menu {
top: 2.6em !important; top: 2.6em !important;
background: var(--admin-side-menu-bg) !important;
}
.main-menu .ui.menu {
min-height: 100% !important;
margin: 0 !important;
} }
.main-menu > .ui.menu > .item:first-child:empty { .main-menu > .ui.menu > .item:first-child:empty {