From 969fcfbb590b540abc1610ab9464b280973047d2 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Mon, 26 May 2025 23:50:37 +0800
Subject: [PATCH] =?UTF-8?q?wip:=20=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/Menu/components/MenuItemTitle.vue | 4 ++--
 src/layouts/views/MixLayout.vue                          | 1 -
 src/layouts/views/TopLayout.vue                          | 2 --
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/layouts/components/Menu/components/MenuItemTitle.vue b/src/layouts/components/Menu/components/MenuItemTitle.vue
index a3b55580..5fa71c96 100644
--- a/src/layouts/components/Menu/components/MenuItemTitle.vue
+++ b/src/layouts/components/Menu/components/MenuItemTitle.vue
@@ -42,12 +42,12 @@ const iconComponent = computed(() => props.icon?.replace("el-icon-", ""));
   .el-sub-menu,
   .el-menu-item {
     .el-icon {
-      margin: 0 10px;
+      margin: 0 auto;
     }
   }
 
   [class^="i-svg:"] {
-    margin: 0 10px;
+    margin: 0 auto;
   }
 }
 </style>
diff --git a/src/layouts/views/MixLayout.vue b/src/layouts/views/MixLayout.vue
index 9cda8927..1ee93513 100644
--- a/src/layouts/views/MixLayout.vue
+++ b/src/layouts/views/MixLayout.vue
@@ -127,7 +127,6 @@ console.log("🎨 MixLayout rendered");
     &-content {
       display: flex;
       align-items: center;
-      min-width: 768px;
       height: 100%;
       padding: 0;
     }
diff --git a/src/layouts/views/TopLayout.vue b/src/layouts/views/TopLayout.vue
index 57bdd295..a7e82c76 100644
--- a/src/layouts/views/TopLayout.vue
+++ b/src/layouts/views/TopLayout.vue
@@ -57,7 +57,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    min-width: 768px; // 设置最小宽度，防止过度压缩
     height: $navbar-height;
     background-color: $menu-background;
     box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
@@ -181,7 +180,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
 @media (max-width: 767px) {
   .layout {
     &__header {
-      min-width: 600px; // 小屏设备的最小宽度
       padding: 0 4px;
     }
   }