From ed8b854755b2f14610e2ffbcf23109e1f5bfef9d Mon Sep 17 00:00:00 2001
From: root <root@sker>
Date: Thu, 10 Jul 2025 12:32:16 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E4=BC=98=E5=8C=96=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E5=AE=BD=E5=BA=A6=EF=BC=8C=E6=8F=90=E5=8D=87=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🎨 界面优化：

1. 主侧边栏宽度调整：
   - 从 w-64 (256px) 调整为 w-48 (192px)
   - 减少 64px 宽度，为主内容区域提供更多空间
   - 保持导航项的可读性和点击区域

2. AI 视频页面侧边栏优化：
   - 从 w-80 (320px) 调整为 w-64 (256px)
   - 减少 64px 宽度，平衡内容展示和说明文档
   - 保持使用说明的完整性和可读性

3. 编辑器页面媒体库优化：
   - 从 w-64 (256px) 调整为 w-48 (192px)
   - 与主侧边栏保持一致的宽度
   - 为视频编辑区域提供更多空间

✅ 优化效果：
- 主内容区域空间增加 ✓
- 侧边栏内容仍然完整可读 ✓
- 整体布局更加平衡 ✓
- 响应式设计保持良好 ✓

现在界面布局更加紧凑合理，主要内容区域有更多展示空间！
---
 src/components/Sidebar.tsx | 2 +-
 src/pages/AIVideoPage.tsx  | 2 +-
 src/pages/EditorPage.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 901ab99..269dfe0 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -17,7 +17,7 @@ const Sidebar: React.FC = () => {
   ]
 
   return (
-    <div className="w-64 bg-white border-r border-secondary-200 flex flex-col">
+    <div className="w-48 bg-white border-r border-secondary-200 flex flex-col">
       <div className="p-4 border-b border-secondary-200">
         <h2 className="text-lg font-semibold text-secondary-900">工作区</h2>
       </div>
diff --git a/src/pages/AIVideoPage.tsx b/src/pages/AIVideoPage.tsx
index 3766936..8bd5c72 100644
--- a/src/pages/AIVideoPage.tsx
+++ b/src/pages/AIVideoPage.tsx
@@ -96,7 +96,7 @@ const AIVideoPage: React.FC = () => {
           </div>
 
           {/* Sidebar */}
-          <div className="w-80 bg-white border-l border-secondary-200 p-6 overflow-y-auto">
+          <div className="w-64 bg-white border-l border-secondary-200 p-6 overflow-y-auto">
             <h3 className="text-lg font-semibold text-secondary-900 mb-4">使用说明</h3>
             
             <div className="space-y-4">
diff --git a/src/pages/EditorPage.tsx b/src/pages/EditorPage.tsx
index 6666c5f..2d41e3b 100644
--- a/src/pages/EditorPage.tsx
+++ b/src/pages/EditorPage.tsx
@@ -63,7 +63,7 @@ const EditorPage: React.FC = () => {
 
       <div className="flex flex-1 min-h-0">
         {/* Media Library Sidebar */}
-        <MediaLibrary className="w-64" />
+        <MediaLibrary className="w-48" />
 
         {/* Main Content */}
         <div className="flex-1 flex flex-col">