fix: 顶部模式样式优化
Former-commit-id: 7558d62832766d00200e8e11573c1f001cfeb570
This commit is contained in:
@@ -178,6 +178,12 @@ function toggleSideBar() {
|
|||||||
--el-menu-item-height: 50px;
|
--el-menu-item-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mobile.isTop {
|
||||||
|
:deep(.logo-wrap) {
|
||||||
|
width: 63px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.isMix {
|
.isMix {
|
||||||
:deep(.main-container) {
|
:deep(.main-container) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
@@ -153,37 +153,13 @@
|
|||||||
transition: transform 0.28s;
|
transition: transform 0.28s;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hideSidebar:not(.isMix) {
|
&.hideSidebar:not(.isMix, .isTop) {
|
||||||
.sidebar-container {
|
.sidebar-container {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transition-duration: 0.3s;
|
transition-duration: 0.3s;
|
||||||
transform: translate3d(-$sideBarWidth, 0, 0);
|
transform: translate3d(-$sideBarWidth, 0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hideSidebar {
|
|
||||||
.isMix {
|
|
||||||
:deep(.sidebar-container) {
|
|
||||||
.header {
|
|
||||||
.logo-wrap {
|
|
||||||
width: 64px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.openSidebar {
|
|
||||||
.isMix {
|
|
||||||
:deep(.sidebar-container) {
|
|
||||||
.header {
|
|
||||||
.logo-wrap {
|
|
||||||
width: 210px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.withoutAnimation {
|
.withoutAnimation {
|
||||||
|
|||||||
Reference in New Issue
Block a user