From 4fae466ab64545daf0afbe46faa91f2db39b8cf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=94=E7=82=BC=E6=97=B6=E5=85=89?=
 <32978552+linshenkx@users.noreply.github.com>
Date: Tue, 22 Jul 2025 13:56:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=AE=BD=E5=B1=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=20(#131)=20(#132)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
---
 packages/ui/src/components/MainLayout.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/MainLayout.vue b/packages/ui/src/components/MainLayout.vue
index effc1b0e..fd020398 100644
--- a/packages/ui/src/components/MainLayout.vue
+++ b/packages/ui/src/components/MainLayout.vue
@@ -2,7 +2,7 @@
   <div class="h-screen flex flex-col min-h-0 transition-colors duration-300">
     <!-- 顶部导航栏 -->
     <header class="theme-header flex-none">
-      <div class="container mx-auto px-2 sm:px-4 py-2 sm:py-3 flex justify-between items-center">
+      <div class="container min-w-full mx-4 sm:mx-auto px-2 sm:px-4 py-2 sm:py-3 flex justify-between items-center">
         <h1 class="text-lg sm:text-xl font-bold theme-title flex items-center gap-2">
           <img src="../assets/logo.jpg" alt="Logo" class="h-8 w-8 rounded-lg" />
           <slot name="title">{{ t('common.appName') }}</slot>
@@ -14,7 +14,7 @@
     </header>
 
     <!-- 主要内容区域 -->
-    <main class="flex-1 min-h-0 container mx-auto p-2 sm:p-4">
+    <main class="flex-1 min-h-0 min-w-full container mx-auto p-2 sm:p-4">
       <div class="flex flex-col lg:flex-row gap-2 sm:gap-4 h-full">
         <slot></slot>
       </div>