97 lines
1.9 KiB
CSS
97 lines
1.9 KiB
CSS
/* 自定义侧边栏宽度样式 */
|
|
|
|
/* 修改左侧菜单宽度为250px */
|
|
.layui-side {
|
|
width: 232px !important;
|
|
}
|
|
|
|
.layui-layout-admin .layui-side {
|
|
width: 232px !important;
|
|
}
|
|
|
|
/* 修改菜单容器和列表的宽度 */
|
|
.layuimini-menu-left {
|
|
width: 232px !important;
|
|
}
|
|
|
|
.layuimini-menu-left > ul {
|
|
width: 232px !important;
|
|
}
|
|
|
|
.layuimini-menu-left .layui-nav {
|
|
width: 232px !important;
|
|
}
|
|
|
|
.layuimini-menu-left .layui-nav-item {
|
|
width: 232px !important;
|
|
}
|
|
|
|
/* 修改子菜单的宽度 */
|
|
.layuimini-menu-left .layui-nav-child {
|
|
width: 232px !important;
|
|
}
|
|
|
|
.layuimini-menu-left .layui-nav-child dd {
|
|
width: 232px !important;
|
|
}
|
|
|
|
/* 调整主体内容区域的左边距 */
|
|
.layui-body {
|
|
left: 232px !important;
|
|
}
|
|
|
|
.layui-layout-admin .layui-body {
|
|
left: 232px !important;
|
|
}
|
|
|
|
/* 调整logo区域宽度 */
|
|
.layui-layout-admin .layui-logo {
|
|
width: 232px !important;
|
|
}
|
|
|
|
/* 调整底部区域的左边距 */
|
|
.layui-layout-admin .layui-footer {
|
|
left: 232px !important;
|
|
}
|
|
|
|
/* 调整layuimini相关样式 */
|
|
.layui-layout-left {
|
|
left: 232px !important;
|
|
}
|
|
|
|
.layuimini-tool {
|
|
left: 255px !important;
|
|
}
|
|
|
|
/* 调整侧边栏滚动区域 */
|
|
.layui-side-scroll {
|
|
width: 240px !important;
|
|
}
|
|
|
|
/* 响应式设计调整 */
|
|
@media screen and (min-width: 1025px) {
|
|
.layuimini-mini .layui-layout-admin .layui-body {
|
|
left: 60px !important;
|
|
}
|
|
|
|
.layuimini-mini .layui-side {
|
|
width: 60px !important;
|
|
}
|
|
|
|
/* 缩放状态下的菜单宽度 */
|
|
.layuimini-mini .layuimini-menu-left {
|
|
width: 60px !important;
|
|
}
|
|
|
|
.layuimini-mini .layuimini-menu-left > ul {
|
|
width: 60px !important;
|
|
}
|
|
}
|
|
|
|
/* 手机端适配 */
|
|
@media screen and (max-width: 1024px) {
|
|
.layuimini-all .layui-layout-admin .layuimini-menu-left,
|
|
.layuimini-all .layui-header .layuimini-logo {
|
|
left: -250px !important;
|
|
}
|
|
} |