tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 布局样式问题修复

Browse Source
This commit is contained in:
hxr
2024-02-22 00:12:44 +08:00
parent 154aa7404f
commit b435bce93c
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
View File

@@ -47,7 +47,8 @@ const renderIcon = (iconName: string) => {
.hideSidebar { .hideSidebar {
.el-sub-menu, .el-sub-menu,
.el-menu-item { .el-menu-item {
.svg-icon { .svg-icon,
.sub-el-icon {
margin-left: 20px; margin-left: 20px;
} }
} }

9
src/layout/index.vue
View File

@@ -294,11 +294,20 @@ function toggleSidebar() {
.layout-left.hideSidebar { .layout-left.hideSidebar {
.sidebar-container { .sidebar-container {
width: $sidebar-width-collapsed !important; width: $sidebar-width-collapsed !important;
}
.main-container {
margin-left: $sidebar-width-collapsed;
}
&.mobile {
.sidebar-container {
pointer-events: none; pointer-events: none;
transition-duration: 0.3s; transition-duration: 0.3s;
transform: translate3d(-210px, 0, 0); transform: translate3d(-210px, 0, 0);
} }
} }
}
.mobile { .mobile {
.fixed-header { .fixed-header {