From b7c49ce09baafb2e404e25a8d6ad7f671c86aeb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 9 Apr 2025 15:44:22 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E6=94=B9=E8=BF=9B=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-avatar.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/viewPost/tp-avatar.vue b/src/components/viewPost/tp-avatar.vue
index 0583a3f7..9a79adf6 100644
--- a/src/components/viewPost/tp-avatar.vue
+++ b/src/components/viewPost/tp-avatar.vue
@@ -1,9 +1,5 @@
 <template>
   <div class="tp-avatar-box">
-    <div v-if="props.position === 'right'" class="tpa-text">
-      <div>{{ props.data.nickname }}</div>
-      <div :title="authorDesc">{{ authorDesc }}</div>
-    </div>
     <div class="tpa-img">
       <div class="tpa-icon">
         <TMiImg :ori="true" :src="props.data.avatar_url" alt="avatar" />
@@ -21,7 +17,7 @@
         {{ props.data.level_exp.level }}
       </div>
     </div>
-    <div v-if="props.position === 'left'" class="tpa-text">
+    <div class="tpa-text">
       <div>{{ props.data.nickname }}</div>
       <div :title="authorDesc">{{ authorDesc }}</div>
     </div>
@@ -56,6 +52,9 @@ const levelColor = computed<string>(() => {
   overflow: hidden;
   width: fit-content;
   max-width: 100%;
+  flex-direction: v-bind("props.position === 'left' ? 'row' : 'row-reverse'");
+  align-items: center;
+  justify-content: v-bind("props.position === 'left' ? 'flex-start' : 'flex-end'");
 }
 
 .tpa-text {