twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-09 13:53:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 隐藏标签页功能优化

Browse Source
This commit is contained in:
lrl
2021-10-24 14:19:57 +08:00
committed by 啝裳
parent 822261c922
commit 8d2824fe82
3 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/style/sidebar.scss
View File

@@ -533,14 +533,6 @@
}
body[data-layout="vertical"] {
.fixed-header + .app-main[data-show-tag="false"] {
padding-top: 85px;
}
.fixed-header + .app-main[data-show-tag="true"] {
padding-top: 48px;
}
.hideSidebar {
.fixed-header {
width: calc(100% - 54px) !important;
@@ -596,12 +588,36 @@ body[data-layout="horizontal"] {
width: 100% !important;
transition: none !important;
}
}
.fixed-header + .app-main[data-show-tag="false"] {
padding-top: 100px;
// vertical模式下不隐藏标签页
body[data-layout="vertical"][data-show-tag="false"] {
.fixed-header + .app-main {
padding-top: 85px;
}
}
// vertical模式下隐藏标签页
body[data-layout="vertical"][data-show-tag="true"] {
.fixed-header + .app-main {
padding-top: 48px;
}
}
// horizontal模式下不隐藏标签页
body[data-layout="horizontal"][data-show-tag="false"] {
.fixed-header + .app-main {
padding-top: 98px;
}
}
// horizontal模式下隐藏标签页
body[data-layout="horizontal"][data-show-tag="true"] {
.fixed-header {
box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
}
.fixed-header + .app-main[data-show-tag="true"] {
.fixed-header + .app-main {
padding-top: 62px;
}
}