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

fix(theme): 清爽侧栏收窄至170并缩进二收紧（10/20/30）

Browse Source
This commit is contained in:
augushong
2026-10-02 08:46:41 +00:00
parent 0dfd093a4c
commit fb0734c1fe
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -196,30 +196,30 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
background-color: rgba(127, 127, 127, 0.15) !important;
}
// 侧栏展开宽度 190→180（用户定案）与五联动（W=180）：.layui-side width / .layui-body left /
// 侧栏展开宽度 180→170（用户定案）与五联动（W=170）：.layui-side width / .layui-body left /
// .layuimini-logo width / .layuimini-tool left(=W+35) 四条框架源规则均无 !important，
// .elem-style-fresh 包裹 +1 类即稳赢；.layui-layout-left left(=W+95) 框架源带 !important
// .elem-style-fresh 包裹 +1 类即稳赢；.layui-layout-left left(=W+75) 框架源带 !important
// （layuimini.css (0,1,0)!），须同姿态反杀（包裹后 (0,2,0)!）。收起态 60px 为独立体系：
// 框架收起态规则全带 !important 且特异性更高（layout-left 收起态 (0,4,0)! > 本组 (0,2,0)!），
// 整体压制本组声明，收起态零影响，无需 :not 排除。
.layui-side {
width: 180px;
width: 170px;
}
.layui-body {
left: 180px;
left: 170px;
}
.layuimini-logo {
width: 180px;
width: 170px;
}
.layuimini-tool {
left: 215px;
left: 205px;
}
.layui-layout-left {
left: 255px !important;
left: 245px !important;
}
// 控制按钮收紧（用户修正）：layuimini.css 基线 .layuimini-tool{width:60px}（60px 头部
@@ -248,7 +248,7 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
// 的第 6 条暗规则——200px 导航盒在 180px 侧栏内右缘被裁，绝对定位 right:3px 的展开
// 箭头随之溢出不可见。包裹 +1 类稳赢；zoom 面板的导航宽度由下方 .popup-tips 规则自管。
.layuimini-menu-left .layui-nav.layui-nav-tree {
width: 180px;
width: 170px;
}
// 菜单项左右内边距 20→10（用户修正）：layui 基线 .layui-nav .layui-nav-item a{padding:0 20px}。
@@ -285,18 +285,18 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
font-size: 13px;
}
// 层级缩进 10/25/40 三级等差（用户修正：此前 45→35 与 V2 档撞车，二三级无层次）：
// 层级缩进 10/20/30 等差 10px（用户二次收紧：原 10/25/40，为侧栏 170 腾位）：
// V2 档 layuimini.css (0,4,1)、V3 档 (0,5,1) 均无 !important，用真实中间档
// .layui-layout-admin 堆特异性逐级反杀（.layui-layout-body 前缀与 .elem-style-fresh
// 同挂 body 永不匹配——fix-menu-height 同型前科）。L3 同时命中两档时本组 V3 (0,6,1)
// 压过本组 V2 (0,5,1)，层级自洽与加载顺序无关。zoom 面板无 .layuimini-menu-left
// 祖先不命中，自有档位保持。
.layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child a {
padding-left: 25px;
padding-left: 20px;
}
.layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 40px;
padding-left: 30px;
}
// zoom 悬浮面板 150→170px（用户定案；layuimini.css (0,2,0) 无 !important，包裹即稳赢；

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

@@ -2291,19 +2291,19 @@
background-color: rgba(127, 127, 127, 0.15) !important;
}
.elem-style-fresh .layui-side {
width: 180px;
width: 170px;
}
.elem-style-fresh .layui-body {
left: 180px;
left: 170px;
}
.elem-style-fresh .layuimini-logo {
width: 180px;
width: 170px;
}
.elem-style-fresh .layuimini-tool {
left: 215px;
left: 205px;
}
.elem-style-fresh .layui-layout-left {
left: 255px !important;
left: 245px !important;
}
.elem-style-fresh:not(.layuimini-mini) .layuimini-tool {
width: 40px;
@@ -2316,7 +2316,7 @@
padding-left: 20px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav.layui-nav-tree {
width: 180px;
width: 170px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left: 10px;
@@ -2336,10 +2336,10 @@
font-size: 13px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child a {
padding-left: 25px;
padding-left: 20px;
}
.elem-style-fresh .layui-layout-admin .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
padding-left: 40px;
padding-left: 30px;
}
.elem-style-fresh .popup-tips .layui-nav-tree {
width: 170px;