From f93f58b055c07169135ba32c4b36d429fe44f317 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Fri, 29 Aug 2025 21:02:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20UI=E9=83=A8=E4=BB=BD=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/HeaderComponent.vue |  7 ++++++-
 frontend_nuxt/pages/posts/[id]/index.vue     | 14 +++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/frontend_nuxt/components/HeaderComponent.vue b/frontend_nuxt/components/HeaderComponent.vue
index d7564cdc0..6393075f8 100644
--- a/frontend_nuxt/components/HeaderComponent.vue
+++ b/frontend_nuxt/components/HeaderComponent.vue
@@ -4,7 +4,7 @@
       <div class="header-content-left">
         <div v-if="showMenuBtn" class="menu-btn-wrapper">
           <button class="menu-btn" ref="menuBtn" @click="$emit('toggle-menu')">
-            <i class="fas fa-bars"></i>
+            <i class="fas fa-bars micon"></i>
           </button>
           <span
             v-if="isMobile && (unreadMessageCount > 0 || hasChannelUnread)"
@@ -318,6 +318,10 @@ onMounted(async () => {
   gap: 20px;
 }
 
+.micon {
+  margin-left: 10px;
+}
+
 .menu-btn {
   font-size: 24px;
   background: none;
@@ -370,6 +374,7 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   cursor: pointer;
+  margin-right: 10px;
 }
 
 .avatar-img {
diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index 15cda3d0b..c6bd9d440 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -411,7 +411,13 @@ const gatherPostItems = () => {
   }
 }
 
-const mapComment = (c, parentUserName = '', parentUserAvatar = '', parentUserId = '', level = 0) => ({
+const mapComment = (
+  c,
+  parentUserName = '',
+  parentUserAvatar = '',
+  parentUserId = '',
+  level = 0,
+) => ({
   id: c.id,
   userName: c.author.username,
   medal: c.author.displayMedal,
@@ -421,7 +427,9 @@ const mapComment = (c, parentUserName = '', parentUserAvatar = '', parentUserId
   text: c.content,
   reactions: c.reactions || [],
   pinned: Boolean(c.pinned ?? c.pinnedAt ?? c.pinned_at),
-  reply: (c.replies || []).map((r) => mapComment(r, c.author.username, c.author.avatar, c.author.id, level + 1)),
+  reply: (c.replies || []).map((r) =>
+    mapComment(r, c.author.username, c.author.avatar, c.author.id, level + 1),
+  ),
   openReplies: level === 0,
   src: c.author.avatar,
   iconClick: () => navigateTo(`/users/${c.author.id}`),
@@ -1424,7 +1432,7 @@ onMounted(async () => {
   }
 
   .info-content-text {
-    line-height: 1.3;
+    line-height: 1.5;
   }
 
   .reactions-viewer-item {