gz_safety_ui/css/custom-sidebar.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;
}
}