From 2760efcbb7ae9153ad6c00c0ac0fe25f6ce3aad2 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Sun, 22 Jun 2025 19:49:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20AgentChatComponent?=
 =?UTF-8?q?=20=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=8A=98=E5=8F=A0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/AgentChatComponent.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/AgentChatComponent.vue b/web/src/components/AgentChatComponent.vue
index beaf2947..43417f6f 100644
--- a/web/src/components/AgentChatComponent.vue
+++ b/web/src/components/AgentChatComponent.vue
@@ -11,7 +11,12 @@
       @delete-chat="deleteChat"
       @rename-chat="renameChat"
       @toggle-sidebar="toggleSidebar"
-      :class="{'floating-sidebar': isSmallContainer, 'sidebar-open': state.isSidebarOpen, 'no-transition': state.isInitialRender}"
+      :class="{
+        'floating-sidebar': isSmallContainer,
+        'sidebar-open': state.isSidebarOpen,
+        'no-transition': state.isInitialRender,
+        'collapsed': isSmallContainer && !state.isSidebarOpen
+      }"
     />
     <div class="sidebar-backdrop" v-if="state.isSidebarOpen && isSmallContainer" @click="toggleSidebar"></div>
     <div class="chat">
@@ -1169,7 +1174,7 @@ const mergeMessageChunk = (chunks) => {
     }
   }
 
-  .chat-sidebar {
+  .floating-sidebar {
     position: fixed;
     z-index: 100;
     height: 100%;
@@ -1183,7 +1188,6 @@ const mergeMessageChunk = (chunks) => {
 
     &.collapsed {
       transform: translateX(-100%);
-      width: 80% !important;
     }
   }
 }