From 52fba50c9b5597f15016a7fee7eedbad8aafdc2b Mon Sep 17 00:00:00 2001
From: SuperManTouX <93423476+SuperManTouX@users.noreply.github.com>
Date: Fri, 6 Mar 2026 11:51:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E6=94=B6=E9=BD=90?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=8A=9F=E8=83=BD=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=88=B0=E5=AF=B9=E8=AF=9D=E5=8C=BA=E5=9F=9FHeader=EF=BC=8C?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BE=A7=E8=BE=B9=E6=A0=8FHeader=EF=BC=9B?=
 =?UTF-8?q?=E6=89=A9=E5=A4=A7=E5=AF=B9=E8=AF=9D=E5=8C=BA=E5=9F=9Fpadding-l?=
 =?UTF-8?q?eft-right=EF=BC=8C=E8=A7=A3=E9=99=A4=E8=BE=93=E5=87=BA=E6=A1=86?=
 =?UTF-8?q?max-width=E4=BD=BF=E5=85=B6=E5=AF=B9=E9=BD=90=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/ChatHeader.vue       |  5 +++--
 src/components/chat/ChatMain.vue         | 11 ++++++-----
 src/components/message/MessageBubble.vue |  2 +-
 src/components/sidebar/ChatSidebar.vue   | 22 ++++++++++++----------
 4 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/chat/ChatHeader.vue b/src/components/chat/ChatHeader.vue
index 64bbd86..df59b94 100644
--- a/src/components/chat/ChatHeader.vue
+++ b/src/components/chat/ChatHeader.vue
@@ -3,12 +3,12 @@
     <!-- 左侧：侧边栏切换和标题 -->
     <div class="header-left">
       <button
-        v-if="showSidebarToggle"
         class="toggle-sidebar-btn"
         title="切换侧边栏 (Ctrl+B)"
         @click="$emit('toggle-sidebar')"
       >
-        <Menu :size="20" />
+        <Menu v-if="showSidebarToggle" :size="20" />
+        <ChevronLeft v-else :size="18" />
       </button>
 
       <div class="conversation-info">
@@ -93,6 +93,7 @@ import {
   Minimize2,
   Trash2,
   Download,
+  ChevronLeft,
   MoreHorizontal,
   ExternalLink,
   Pin,
diff --git a/src/components/chat/ChatMain.vue b/src/components/chat/ChatMain.vue
index b8f3759..ced1d8e 100644
--- a/src/components/chat/ChatMain.vue
+++ b/src/components/chat/ChatMain.vue
@@ -392,14 +392,14 @@ watch(
 
   &.wide-mode {
     .input-container {
-      max-width: 1000px;
+      min-width: 1000px;
     }
   }
 }
 
 .input-wrapper {
   flex-shrink: 0;
-  padding: 16px 24px 24px;
+  padding: 16px 150px 24px;
   background: linear-gradient(to top, white 80%, transparent);
 
   .dark & {
@@ -408,12 +408,13 @@ watch(
 }
 
 .input-container {
-  max-width: 800px;
-  margin: 0 auto;
+  width: 100%;
+  min-width: 1000px;
+  // margin: 0 auto;
   transition: max-width 0.3s ease;
 
   &.wide {
-    max-width: 1000px;
+    min-width: 1000px;
   }
 }
 </style>
diff --git a/src/components/message/MessageBubble.vue b/src/components/message/MessageBubble.vue
index 7f02222..f61a49f 100644
--- a/src/components/message/MessageBubble.vue
+++ b/src/components/message/MessageBubble.vue
@@ -276,7 +276,7 @@ setCustomComponents("playground-demo", {
 .message-bubble {
   display: flex;
   gap: 16px;
-  padding: 20px 24px;
+  padding: 20px 150px;
   animation: fadeIn 0.3s ease;
 
   &.role-user {
diff --git a/src/components/sidebar/ChatSidebar.vue b/src/components/sidebar/ChatSidebar.vue
index 88eb7ca..2b9ad7b 100644
--- a/src/components/sidebar/ChatSidebar.vue
+++ b/src/components/sidebar/ChatSidebar.vue
@@ -6,7 +6,7 @@
   >
     <div class="sidebar-inner">
       <!-- 头部 -->
-      <div class="sidebar-header">
+      <!-- <div class="sidebar-header">
         <div class="logo">
           <Bot :size="24" class="logo-icon" />
           <span v-show="!isCollapsed" class="logo-text">Kexue AI Chat</span>
@@ -18,7 +18,7 @@
         >
           <ChevronLeft :size="18" :class="{ rotated: isCollapsed }" />
         </button>
-      </div>
+      </div> -->
 
       <!-- 模型选择 -->
       <div v-show="!isCollapsed" class="model-selector-section">
@@ -60,13 +60,13 @@
       </div>
 
       <!-- 搜索框 -->
-      <div class="search-section">
+      <!-- <div class="search-section">
         <div class="search-box" @click="openSearch">
           <Search :size="16" />
           <span class="search-placeholder">搜索对话...</span>
           <kbd class="search-kbd">⌘K</kbd>
         </div>
-      </div>
+      </div> -->
 
       <!-- 对话列表 -->
       <div class="conversations-section">
@@ -93,8 +93,8 @@
         <!-- 最近对话 -->
         <div class="conversation-group">
           <div class="group-header">
-            <Clock :size="14" />
-            <span>最近</span>
+            <!-- <Clock :size="14" /> -->
+            <span>对话历史</span>
           </div>
           <div class="group-list">
             <ConversationItem
@@ -130,12 +130,14 @@
           <Moon v-else-if="currentTheme === 'dark'" :size="18" />
           <Monitor v-else :size="18" />
         </button>
-        <button class="footer-btn" @click="openShortcuts" title="快捷键">
+        <!-- 键盘快捷键 -->
+        <!-- <button class="footer-btn" @click="openShortcuts" title="快捷键">
           <Keyboard :size="18" />
-        </button>
-        <button class="footer-btn" @click="openSettings" title="设置">
+        </button> -->
+        <!-- dev人员可用 -->
+        <!-- <button class="footer-btn" @click="openSettings" title="设置">
           <Settings :size="18" />
-        </button>
+        </button> -->
       </div>
     </div>