From 33be55bcca7de304e60b21c11c967843b3196153 Mon Sep 17 00:00:00 2001
From: 2977094657 <2977094657@qq.com>
Date: Fri, 26 Dec 2025 21:45:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(chat):=20=E4=BF=AE=E5=A4=8D=E5=8F=91?=
 =?UTF-8?q?=E9=80=81=E4=BE=A7=E8=A1=A8=E6=83=85=E4=B8=8B=E8=BD=BD=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 表情消息在发送方向使用反向布局，避免下载按钮位置错乱
- 下载按钮间距随发送/接收方向切换（mr-2/ml-2）
---
 frontend/pages/chat/[[username]].vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/chat/[[username]].vue b/frontend/pages/chat/[[username]].vue
index 9f96061..ad8a0c7 100644
--- a/frontend/pages/chat/[[username]].vue
+++ b/frontend/pages/chat/[[username]].vue
@@ -367,12 +367,13 @@
                       <span class="wechat-voip-text">{{ message.content || '通话' }}</span>
                     </div>
                   </div>
-                  <div v-else-if="message.renderType === 'emoji'" class="max-w-sm flex items-center group">
+                  <div v-else-if="message.renderType === 'emoji'" class="max-w-sm flex items-center group" :class="message.isSent ? 'flex-row-reverse' : ''">
                     <template v-if="message.emojiUrl">
                       <img :src="message.emojiUrl" alt="表情" class="w-24 h-24 object-contain" @contextmenu="openMediaContextMenu($event, message, 'emoji')">
                       <button
                         v-if="shouldShowEmojiDownload(message)"
-                        class="ml-2 text-xs px-2 py-1 rounded bg-white border border-gray-200 text-gray-700 opacity-0 group-hover:opacity-100 transition-opacity"
+                        class="text-xs px-2 py-1 rounded bg-white border border-gray-200 text-gray-700 opacity-0 group-hover:opacity-100 transition-opacity"
+                        :class="message.isSent ? 'mr-2' : 'ml-2'"
                         :disabled="!!message._emojiDownloading"
                         @click.stop="onEmojiDownloadClick(message)"
                       >