maxjhandsome
/
tiny-vue
forked from opentiny/tiny-vue
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(nav-menu): [nav-menu] update dark theme (#3133) 

* fix(nav-menu): [nav-menu] update dark theme

* fix(nav-menu): [nav-menu] update dark theme
This commit is contained in:
wuyiping0628 2025-03-18 19:41:21 -07:00 committed by GitHub
parent d52b3afbfe
commit 6dbeac3e6e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/theme/src/nav-menu/index.less
View File

@ -23,11 +23,13 @@
height: var(--tv-NavMenu-height);
position: relative;
padding: 0 var(--tv-NavMenu-padding);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tv-NavMenu-box-shadow);
> .slot-logo {
float: left;
fill: var(--tv-NavMenu-slot-logo-icon-color);
overflow: hidden;
font-size: var(--tv-NavMenu-slot-logo-icon-size);
padding: 0 48px 0 16px;
line-height: var(--tv-NavMenu-height);
}

6
packages/theme/src/nav-menu/vars.less
View File

@ -31,6 +31,8 @@
--tv-NavMenu-item-hover-bg-color: var(--tv-color-bg-hover-secondary);
// 导航菜单栏项选中下划线背景色
--tv-NavMenu-item-selected-underline-bg-color: var(--tv-color-bg-primary);
// 导航菜单菜单栏阴影
--tv-NavMenu-box-shadow: var(--tv-shadow-1-down);
// 导航菜单菜单栏下拉框阴影
--tv-NavMenu-popmenu-box-shadow: var(--tv-shadow-3-down);
// 导航菜单菜单栏下拉框选中文本色
@ -75,4 +77,8 @@
--tv-NavMenu-popmenu-box-radius: var(--tv-border-radius-md);
// 导航菜单下拉框非标题项字号
--tv-NavMenu-popmenu-node-item-font-size: var(--tv-font-size-default);
// 自定义 Logo颜色
--tv-NavMenu-slot-logo-icon-color: var(--tv-color-icon-hover);
// 自定义 Logo大小
--tv-NavMenu-slot-logo-icon-size: var(--tv-icon-size);
}