style(@vben-core/layout-ui): 调整布局样式
- 调整布局内容区域样式 - 调整标签栏背景色以匹配侧边栏和顶部栏 - 优化布局整体视觉效果
This commit is contained in:
@@ -374,6 +374,7 @@ $namespace: vben;
|
||||
|
||||
@mixin menu-item-active {
|
||||
color: var(--menu-item-active-color);
|
||||
font-weight: 600; /* 选中时字体加粗 */
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background: var(--menu-item-active-background-color);
|
||||
@@ -481,13 +482,13 @@ $namespace: vben;
|
||||
// --menu-submenu-opened-background-color: hsl(var(--menu-opened));
|
||||
--menu-item-background-color: var(--menu-background-color);
|
||||
--menu-item-color: hsl(var(--foreground));
|
||||
--menu-item-hover-color: var(--menu-item-color);
|
||||
--menu-item-hover-color: #e06c00; /* 悬浮时橙色 */
|
||||
--menu-item-hover-background-color: hsl(var(--accent));
|
||||
--menu-item-active-color: hsl(var(--primary));
|
||||
--menu-item-active-color: #b34e00; /* 选中时深橙色 */
|
||||
--menu-item-active-background-color: hsl(var(--primary) / 15%);
|
||||
--menu-submenu-hover-color: hsl(var(--primary));
|
||||
--menu-submenu-hover-color: #e06c00; /* 子菜单悬浮时橙色 */
|
||||
--menu-submenu-hover-background-color: hsl(var(--accent));
|
||||
--menu-submenu-active-color: hsl(var(--primary));
|
||||
--menu-submenu-active-color: #b34e00; /* 子菜单选中时深橙色 */
|
||||
--menu-submenu-active-background-color: transparent;
|
||||
--menu-submenu-background-color: var(--menu-background-color);
|
||||
}
|
||||
@@ -769,6 +770,7 @@ $namespace: vben;
|
||||
|
||||
&:not(.is-active):hover {
|
||||
color: var(--menu-item-hover-color);
|
||||
font-weight: 600; /* 悬浮时字体加粗 */
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background: var(--menu-item-hover-background-color) !important;
|
||||
|
||||
Reference in New Issue
Block a user