fix: 修复侧边栏宽度塌陷错误

This commit is contained in:
2024-09-06 19:58:01 +08:00
parent 13181bbb89
commit 1b01cedae9
2 changed files with 2 additions and 3 deletions

View File

@@ -3,7 +3,7 @@
<section v-if="isDesktop" class="layout-mix-left" :class="{ 'app-menu-dark': appStore.menuDark }"
:style="appStore.menuDark ? appStore.themeCSSVar : undefined">
<Logo :collapsed="appStore.menuCollapse"></Logo>
<Menu :menus="leftMenus" :menu-style="{ width: '200px', flex: 1 }"></Menu>
<Menu :menus="leftMenus" :menu-style="{ width: '220px', flex: 1 }"></Menu>
</section>
<section class="layout-mix-right">

View File

@@ -2,7 +2,7 @@
<div v-if="isDesktop" class="asider" :class="{ 'app-menu-dark': appStore.menuDark }"
:style="appStore.menuDark ? appStore.themeCSSVar : undefined">
<Logo :collapsed="appStore.menuCollapse"></Logo>
<a-layout-sider class="menu" collapsible breakpoint="xl" hide-trigger style="width: auto;"
<a-layout-sider class="menu" collapsible breakpoint="xl" hide-trigger :width="225"
:collapsed="appStore.menuCollapse" @collapse="handleCollapse">
<a-scrollbar outer-class="h-full" style="height: 100%; overflow: auto">
<Menu></Menu>
@@ -59,7 +59,6 @@ const handleCollapse = (isCollapsed: boolean) => {
background-color: var(--color-bg-1);
.menu {
width: 100%;
flex: 1;
overflow: hidden;
background-color: inherit;