From ed878dea9edab8b2393cbe73f31943a99d2c49d2 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 27 Sep 2025 21:40:23 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=BE=AE=E8=B0=83=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/PostTopic.vue | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/pages/common/PostTopic.vue b/src/pages/common/PostTopic.vue
index dd7ec99d..6c164c4e 100644
--- a/src/pages/common/PostTopic.vue
+++ b/src/pages/common/PostTopic.vue
@@ -1,13 +1,11 @@
 <template>
   <v-app-bar>
     <template #prepend>
-      <div class="post-topic-top" v-if="topicInfo">
+      <div class="post-topic-top" v-if="topicInfo" :class="sidebar.collapse ? 'wide' : 'thin'">
         <TMiImg :src="topicInfo.topic.cover" alt="cover" :ori="true" />
         <div class="post-topic-info">
           <span>{{ curTopic }}-{{ topicInfo.topic.name }}</span>
-          <span :class="sidebar.collapse ? 'wide' : 'thin'" :title="topicInfo.topic.desc">
-            {{ topicInfo.topic.desc }}
-          </span>
+          <span :title="topicInfo.topic.desc">{{ topicInfo.topic.desc }}</span>
         </div>
       </div>
     </template>
@@ -299,7 +297,7 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
   max-width: 100%;
   box-sizing: border-box;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   padding-right: 8px;
   border-radius: 4px;
   margin-right: 12px;
@@ -310,6 +308,15 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
     width: 50px;
     height: 50px;
   }
+
+  &.wide {
+    max-width: 600px;
+    transition: max-width 0.5s ease-in-out;
+  }
+
+  &.thin {
+    max-width: 400px;
+  }
 }
 
 .dark .post-topic-top {
@@ -319,6 +326,8 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
 .post-topic-info {
   position: relative;
   display: flex;
+  overflow: hidden;
+  max-width: 100%;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
@@ -331,19 +340,11 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
 
   :last-child {
     overflow: hidden;
+    max-width: 100%;
     max-lines: 1;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;
-
-    &.wide {
-      max-width: 580px;
-      transition: max-width 0.5s ease-in-out;
-    }
-
-    &.thin {
-      max-width: 380px;
-    }
   }
 }