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

style: 左侧菜单导航样式调整，优化有无logo时pc端和移动端不同的展示方式

Browse Source
This commit is contained in:
xiaoxian521
2023-08-30 12:07:02 +08:00
parent 13979ea6c0
commit 9bb8820025
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/style/sidebar.scss
View File

@@ -96,16 +96,24 @@
right: 0;
}
.el-scrollbar {
height: calc(100% - 44px);
}
&.has-logo {
.el-scrollbar.pc {
/* logo: 48px、leftCollapse: 40px、leftCollapse-shadow: 4px */
height: calc(100% - 92px);
}
/* logo: 48px */
.el-scrollbar.mobile {
height: calc(100% - 48px);
}
}
&.no-logo {
.el-scrollbar.pc {
/* leftCollapse: 40px、leftCollapse-shadow: 4px */
height: calc(100% - 44px);
}
.el-scrollbar.mobile {
height: 100%;
}