From 1b01cedae9f30e69fa7393e89223d382ca01a306 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Fri, 6 Sep 2024 19:58:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E5=AE=BD=E5=BA=A6=E5=A1=8C=E9=99=B7=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/LayoutMix.vue               | 2 +-
 src/layout/components/Asider/index.vue | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/layout/LayoutMix.vue b/src/layout/LayoutMix.vue
index b03c4be..3a14d07 100644
--- a/src/layout/LayoutMix.vue
+++ b/src/layout/LayoutMix.vue
@@ -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">
diff --git a/src/layout/components/Asider/index.vue b/src/layout/components/Asider/index.vue
index 8500f45..d38c929 100644
--- a/src/layout/components/Asider/index.vue
+++ b/src/layout/components/Asider/index.vue
@@ -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;