From d7f6bb507dbd91f578807106cf13da06904ca95a Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Tue, 2 Sep 2025 12:43:30 +0800
Subject: [PATCH] =?UTF-8?q?reaction=20=E7=9B=B8=E5=85=B3=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?/timeline=E7=9B=B8=E5=85=B3=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/ReactionsGroup.vue | 27 ++++++++++++++++++++-
 frontend_nuxt/pages/users/[id].vue          |  5 +---
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/frontend_nuxt/components/ReactionsGroup.vue b/frontend_nuxt/components/ReactionsGroup.vue
index 58b145330..2c983f93d 100644
--- a/frontend_nuxt/components/ReactionsGroup.vue
+++ b/frontend_nuxt/components/ReactionsGroup.vue
@@ -14,7 +14,7 @@
             :class="{ selected: userReacted(r.type) }"
             @click="toggleReaction(r.type)"
           >
-            <BaseImage :src="reactionEmojiMap[r.type]" class="emoji" alt="emoji" />
+            <BaseImage :src="reactionEmojiMap[r.type]" class="reaction-emoji" alt="emoji" />
             <div>{{ counts[r.type] }}</div>
           </div>
 
@@ -220,6 +220,7 @@ onMounted(async () => {
   align-items: center;
   width: 100%;
   justify-content: space-between;
+  flex-wrap: wrap;
 }
 
 .reactions-viewer {
@@ -229,6 +230,12 @@ onMounted(async () => {
   align-items: center;
 }
 
+.reaction-emoji {
+  width: 20px;
+  height: 20px;
+  vertical-align: middle;
+}
+
 .reactions-viewer-item-container {
   display: flex;
   flex-direction: row;
@@ -337,5 +344,23 @@ onMounted(async () => {
     font-size: 16px;
     padding: 3px 5px;
   }
+
+  .reactions-viewer-item.placeholder,
+  .reactions-viewer-single-item {
+    padding: 4px 8px;
+    gap: 3px;
+    border: 1px solid var(--normal-border-color);
+    border-radius: 10px;
+    margin-right: 3px;
+    margin-bottom: 3px;
+    font-size: 12px;
+    color: var(--text-color);
+    align-items: center;
+  }
+
+  .reaction-emoji {
+    width: 14px;
+    height: 14px;
+  }
 }
 </style>
diff --git a/frontend_nuxt/pages/users/[id].vue b/frontend_nuxt/pages/users/[id].vue
index 3bdf81c29..12d47c45c 100644
--- a/frontend_nuxt/pages/users/[id].vue
+++ b/frontend_nuxt/pages/users/[id].vue
@@ -895,6 +895,7 @@ watch(selectedTab, async (val) => {
   font-weight: bold;
   color: var(--primary-color);
   text-decoration: none;
+  word-break: break-word;
 }
 
 .timeline-link:hover {
@@ -969,9 +970,5 @@ watch(selectedTab, async (val) => {
   .hot-tag {
     width: 100%;
   }
-
-  .profile-timeline {
-    width: calc(100vw - 40px);
-  }
 }
 </style>