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): 头部与收起态细节修正（控制按钮收窄居中、收起图标居中、logo 高度贴线）

Browse Source
This commit is contained in:
augushong
2026-10-02 07:27:45 +00:00
parent 1287c4752f
commit 0dfd093a4c
2 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -43,8 +43,8 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
}
.layui-layout-admin .layuimini-logo {
height : $header-h !important;
line-height : $header-h !important;
height : 35px !important;
line-height : 35px !important;
background-color: $bg-page !important;
color : $text-main !important;
box-sizing : border-box;
@@ -219,7 +219,29 @@ $shadow-pop: 0 6px 16px rgba(31, 35, 41, .08);
}
.layui-layout-left {
left: 275px !important;
left: 255px !important;
}
// 控制按钮收紧（用户修正）：layuimini.css 基线 .layuimini-tool{width:60px}（60px 头部
// 时代遗产）图标贴左缘，右侧 40px 空白后标签页才开始。收窄至 40px，标签页起点随之
// 左移（layout-left = W+75）。图标系 display:block（text-align 无效），用定宽 + 左右
// margin:auto 居中。:not(.layuimini-mini) 限定展开态——收起态框架以更高特异性
// !important 体系自管（60/95/155），不受牵连。
&:not(.layuimini-mini) .layuimini-tool {
width: 40px;
}
&:not(.layuimini-mini) .layuimini-tool i {
margin-left : auto;
margin-right: auto;
}
// 收起态图标居中恢复（用户修正）：layui 靠基础 padding-left 20px 把 20px 图标居中于
// 60px 收起侧栏，上方一级收紧到 10px 后图标左移 10px、右侧空白 30px。收起态显式
// 回 20px（.layuimini-mini 与 .elem-style-fresh 同挂 body，复合选择器可达，
// (0,5,1) 压过本文件基础档 (0,4,1)）。
&.layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left: 20px;
}
// 导航树宽度对齐 180（用户修正）：layui.css .layui-nav-tree{width:200px} 系五联动之外

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

@@ -2182,8 +2182,8 @@
line-height: 36px;
}
.elem-style-fresh .layui-layout-admin .layuimini-logo {
height: 36px !important;
line-height: 36px !important;
height: 35px !important;
line-height: 35px !important;
background-color: #f7f8fa !important;
color: #33383f !important;
box-sizing: border-box;
@@ -2303,7 +2303,17 @@
left: 215px;
}
.elem-style-fresh .layui-layout-left {
left: 275px !important;
left: 255px !important;
}
.elem-style-fresh:not(.layuimini-mini) .layuimini-tool {
width: 40px;
}
.elem-style-fresh:not(.layuimini-mini) .layuimini-tool i {
margin-left: auto;
margin-right: auto;
}
.elem-style-fresh.layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
padding-left: 20px;
}
.elem-style-fresh .layuimini-menu-left .layui-nav.layui-nav-tree {
width: 180px;