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;
} }
} }

15
src/layout/index.vue
View File

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