From ecaca53dfa342b993e29924bc3d96e7226de5ffa Mon Sep 17 00:00:00 2001
From: Lexcubia <lexcubia@gmail.com>
Date: Mon, 21 Apr 2025 12:11:55 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E8=B0=83=E6=95=B4=E6=96=B0=E4=BC=9A?=
 =?UTF-8?q?=E8=AF=9D=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=8C=89=E9=92=AE=E7=9A=84=E5=86=85=E8=BE=B9=E8=B7=9D?=
 =?UTF-8?q?=E5=92=8C=E6=9C=80=E5=B0=8F=E5=AE=BD=E5=BA=A6=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=8C=89=E9=92=AE=E5=9C=A8=E4=B8=8D=E5=90=8C=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E4=B8=8B=E7=9A=84=E8=A1=A8=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chat/ChatInterface.vue | 42 ++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/views/chat/ChatInterface.vue b/src/views/chat/ChatInterface.vue
index e50fcc7..a43edff 100644
--- a/src/views/chat/ChatInterface.vue
+++ b/src/views/chat/ChatInterface.vue
@@ -75,7 +75,6 @@
         class="new-chat-btn" 
         @click="chatStore.startNewChat" 
         :disabled="newChatButtonsDisabled"
-        :icon="Plus"
       >
         新会话
       </el-button>
@@ -773,17 +772,39 @@ onUnmounted(() => {
     --el-button-active-bg-color: #e9ecef;
     --el-button-active-border-color: #c0c4cc;
     --el-button-active-text-color: #303133;
-    padding: 0 12px;
-
-    .el-icon {
-      font-size: 14px;
-      margin-right: 2px;
-      position: relative;
-      top: -1px;
+    padding: 0 16px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    height: 40px;
+    transition: all 0.3s;
+    
+    &:hover {
+      background-color: var(--el-button-hover-bg-color);
+      border-color: var(--el-button-hover-border-color);
+      color: var(--el-button-hover-text-color);
+    }
+    
+    &:active {
+      background-color: var(--el-button-active-bg-color);
+      border-color: var(--el-button-active-border-color);
+      color: var(--el-button-active-text-color);
+    }
+    
+    &.is-disabled {
+      background-color: #f5f5f5 !important;
+      border-color: #dcdfe6 !important;
+      color: #999 !important;
+      cursor: not-allowed;
     }
   }
 }
 
+:deep(.el-button.new-chat-btn > span) {
+  margin-left: 0 !important;
+}
+
 :deep(.el-button--primary) {
   --el-button-bg-color: #07c160;
   --el-button-border-color: #07c160;
@@ -809,6 +830,11 @@ onUnmounted(() => {
   .input-area {
     padding: 12px;
     gap: 8px;
+    
+    .new-chat-btn {
+      padding: 0 12px;
+      min-width: 70px;
+    }
   }
 
   :deep(.el-button) {