From d18508c7607c72568b41a2f6ddaa10aaac7498f0 Mon Sep 17 00:00:00 2001
From: ViperEkura <3081035982@qq.com>
Date: Wed, 15 Apr 2026 20:00:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/style.css                  | 8 ++++----
 dashboard/src/views/ConversationView.vue | 5 ++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index f0df474..da40f43 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -336,14 +336,14 @@ body {
 .message-bubble.user .message-container {
   align-items: flex-end;
   width: fit-content;
-  max-width: 70%;
+  max-width: 80%;
 }
 
 .message-bubble.assistant .message-container {
   align-items: flex-start;
   flex: 1 1 auto;
-  width: 90%;
-  max-width: 90%;
+  width: 80%;
+  max-width: 80%;
   min-width: 0;
 }
 
@@ -354,7 +354,7 @@ body {
 .avatar {
   width: 32px;
   height: 32px;
-  border-radius: 8px;
+  border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/dashboard/src/views/ConversationView.vue b/dashboard/src/views/ConversationView.vue
index 7978734..4e5f41f 100644
--- a/dashboard/src/views/ConversationView.vue
+++ b/dashboard/src/views/ConversationView.vue
@@ -80,7 +80,7 @@
               />
               <!-- 流式消息 - 使用 store 中的状态 -->
               <div v-if="currentStreamState" class="chat-message assistant streaming">
-                <div class="message-avatar">Luxx</div>
+                <div class="avatar">Luxx</div>
                 <div class="message-content">
                   <ProcessBlock
                     :process-steps="currentStreamState.process_steps"
@@ -392,9 +392,8 @@ onUnmounted(() => {
 .chat-message { display: flex; gap: 0.75rem; margin-bottom: 0.75rem; }
 .chat-message.user { flex-direction: row-reverse; }
 .chat-message.streaming { opacity: 0.9; }
-.chat-message.streaming .message-avatar { animation: pulse 1.5s ease-in-out infinite; }
+.chat-message.streaming .avatar { animation: pulse 1.5s ease-in-out infinite; }
 @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
-.message-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
 .message-content { max-width: 80%; width: 80%; }
 .chat-message.user .message-content { max-width: 80%; width: auto; }
 .message-text { padding: 0.65rem 0.9rem; border-radius: 12px; font-size: 0.9rem; line-height: 1.5; background: var(--bg-secondary); color: var(--text-primary); word-break: break-word; }