ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-10-29 08:58:22 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

style(theme): 清爽皮肤侧栏菜单项行高收紧为 32px

Browse Source
This commit is contained in:
augushong
2026-10-02 01:52:52 +00:00
parent a3d6dde4e1
commit 0d66efa9b3
2 changed files with 50 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/static/common/css/theme/_fresh.scss
View File

@@ -149,7 +149,38 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
border-bottom : $border-light 1px solid;
}
// D. 侧栏（菜单项 40px 高度不动；常态文字色由 F 段 T11/T12 接管，本段仅保留 hover 背景/边框/激活胶囊）
// D. 侧栏（菜单项 32px 紧凑行高（用户验收定案，仅 fresh）；常态文字色由 F 段 T11/T12 接管，本段仅保留 hover 背景/边框/激活胶囊）
// 40px→32px：layuimini.css 同姿态规则（(0,3,1) 无 !important）+1 类前缀（由 index.scss
// 包裹注入）即稳赢；>a 的 5px 上下 padding 依 border-box 同步归零，否则 32px 行盒在
// 22px 内容区内下偏；layui nav-more 为字体图标（top:0，line-height 继承自 a），
// 行高变更后自动垂直居中，无需同步。收起态 .layuimini-mini 挂 .layui-layout-body
// （框架规则 (0,4,1) 在 1025px 媒体查询内），单独加一档类压过同特异性竞争；
// zoom 悬浮面板（layer.tips 动态插 body 下）一并承接。
.layuimini-menu-left .layui-nav .layui-nav-item a,
.layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
height : 32px;
line-height: 32px;
}
.layuimini-menu-left .layui-nav .layui-nav-item>a {
padding-top : 0;
padding-bottom: 0;
}
// layui.css 给树形导航箭头留了 5px 上下 padding（40px 时代的垂直微调），32px 下
// 变成 42px 溢出盒，字形随之下偏并被 a 的 overflow:hidden 裁切，同步归零即随
// line-height 自动居中。
.layuimini-menu-left .layui-nav-tree .layui-nav-item>a .layui-nav-more,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-item>a .layui-nav-more {
padding-top : 0;
padding-bottom: 0;
}
.layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
height : 32px;
line-height: 32px;
}
.layuimini-menu-left .layui-nav .layui-nav-item a:hover {
background-color: rgba(127, 127, 127, 0.15) !important;
}

18
public/static/common/css/theme/index.css
View File

@@ -2265,6 +2265,24 @@
border-top: #f0f2f5 1px solid;
border-bottom: #f0f2f5 1px solid;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
height: 32px;
line-height: 32px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item > a {
padding-top: 0;
padding-bottom: 0;
}
.elem-style-fresh .layuimini-menu-left .layui-nav-tree .layui-nav-item > a .layui-nav-more,
.elem-style-fresh .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-item > a .layui-nav-more {
padding-top: 0;
padding-bottom: 0;
}
.elem-style-fresh .layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
height: 32px;
line-height: 32px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a:hover {
background-color: rgba(127, 127, 127, 0.15) !important;
}