ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-12-17 08:57:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Charles7c
2024-09-06 19:58:01 +08:00
parent 13181bbb89
commit 1b01cedae9
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/LayoutMix.vue
View File

@@ -3,7 +3,7 @@
<section v-if="isDesktop" class="layout-mix-left" :class="{ 'app-menu-dark': appStore.menuDark }" <section v-if="isDesktop" class="layout-mix-left" :class="{ 'app-menu-dark': appStore.menuDark }"
:style="appStore.menuDark ? appStore.themeCSSVar : undefined"> :style="appStore.menuDark ? appStore.themeCSSVar : undefined">
<Logo :collapsed="appStore.menuCollapse"></Logo> <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>
<section class="layout-mix-right"> <section class="layout-mix-right">

3
src/layout/components/Asider/index.vue
View File

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