From edd24dbb285d14b8d52ca33d1b6c8ca9655347b4 Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Mon, 16 Sep 2024 11:34:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/MessageList.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/chat/MessageList.vue b/src/components/chat/MessageList.vue
index 23dc009..62748a8 100644
--- a/src/components/chat/MessageList.vue
+++ b/src/components/chat/MessageList.vue
@@ -12,10 +12,10 @@
             <n-image
               v-if="message.user_file"
               width="100"
-              :src="fileBaseUrl + '/' + message.user_file.id + '/download'"
+              :src="fileBaseUrl + '/user/' + message.user_file.id + '/download'"
             />
             <n-image
-              v-if="message.file"
+              v-else-if="message.file"
               width="100"
               :src="fileBaseUrl + '/' + message.file.id + '/download'"
             />
@@ -33,14 +33,29 @@
           /> -->
             <!-- <v-md-preview :text="message.content" height="500px"></v-md-preview> -->
             <div v-html="mdIt.render(message.content)"></div>
-            <n-avatar round size="large" :src="userStore.user.avatar" class="ml-3 min-w-10" />
+            <div class="relative h-full">
+              <n-avatar
+                round
+                size="large"
+                :src="userStore.user.avatar"
+                class="ml-3 min-w-10 absolute top-0"
+              />
+            </div>
           </div>
         </n-flex>
       </div>
       <div v-else-if="message.role === 'assistant' && message.content">
         <!-- 助理消息 -->
         <n-flex justify="start" class="!flex-nowrap">
-          <n-avatar round size="large" :src="leaflowPng" class="min-w-10 min-h-10 p-1.5  !bg-transparent dark:!bg-white"/>
+          <div class="relative h-full">
+ 
+            <n-avatar
+              round
+              size="large"
+              :src="leaflowPng"
+              class="min-w-10 min-h-10 p-1.5 absolute top-0 !bg-transparent dark:!bg-white"
+            />
+          </div>
 
           <div class="flex items-center flex-nowrap">
             <!-- <vue-markdown-it