fix: 🐛 混合、顶部导航栏模式固定header下间距,混合模式左侧菜单高度不固定等样式问题修复

Former-commit-id: 63df66449582f41a710f761457e4afd21113aeb7
This commit is contained in:
郝先瑞
2023-09-04 20:54:46 +08:00
parent 5fd62c26fe
commit ff86b1a4a9
7 changed files with 86 additions and 48 deletions

View File

@@ -55,3 +55,33 @@ watchEffect(() => {
</RightPanel>
</div>
</template>
<style lang="scss" scoped>
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
}
.hideSidebar .fixed-header {
width: calc(100% - 54px);
}
.isTop .fixed-header {
width: 100% !important;
}
.mobile .fixed-header {
width: 100%;
}
.isMix,
.isTop {
.fixed-header {
top: 50px;
}
}
</style>