From c696d3b51d09d64123fd4d38e664bf7663e9a8b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 19 Mar 2025 17:06:43 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/PageAnno.vue  |  6 +++++-
 src/pages/common/PostForum.vue |  9 +++++----
 src/pages/common/PostNews.vue  |  9 ++++++++-
 src/pages/common/PostTopic.vue | 15 ++++++++-------
 4 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/pages/common/PageAnno.vue b/src/pages/common/PageAnno.vue
index 8556905c..cce65ecb 100644
--- a/src/pages/common/PageAnno.vue
+++ b/src/pages/common/PageAnno.vue
@@ -276,12 +276,16 @@ async function switchNews(): Promise<void> {
 
 .anno-switch-btn {
   height: 40px;
-  margin-right: 15px;
+  margin-right: 16px;
   background: var(--tgc-btn-1);
   color: var(--btn-text);
   font-family: var(--font-title);
 }
 
+.dark .anno-switch-btn {
+  border: 1px solid var(--common-shadow-2);
+}
+
 .anno-grid {
   display: grid;
   font-family: var(--font-title);
diff --git a/src/pages/common/PostForum.vue b/src/pages/common/PostForum.vue
index 530fb438..08eb47bd 100644
--- a/src/pages/common/PostForum.vue
+++ b/src/pages/common/PostForum.vue
@@ -107,7 +107,7 @@
       </v-btn>
     </div>
     <template #extension>
-      <TGameNav :model-value="curGid" />
+      <TGameNav :model-value="curGid" style="margin-left: 8px" />
     </template>
   </v-app-bar>
   <div class="posts-grid">
@@ -353,7 +353,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 10px;
+  margin-left: 12px;
+  gap: 8px;
 
   img {
     width: 32px;
@@ -371,8 +372,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
   display: flex;
   align-items: flex-end;
   justify-content: center;
-  margin: 0 10px;
-  gap: 10px;
+  margin-right: 16px;
+  gap: 8px;
 }
 
 .post-switch-item {
diff --git a/src/pages/common/PostNews.vue b/src/pages/common/PostNews.vue
index 832de484..64b1dde9 100644
--- a/src/pages/common/PostNews.vue
+++ b/src/pages/common/PostNews.vue
@@ -191,10 +191,17 @@ async function searchPost(): Promise<void> {
 .post-news-btn {
   height: 40px;
   border-radius: 3px;
-  margin-left: 15px;
   background: var(--tgc-btn-1);
   color: var(--btn-text);
   font-family: var(--font-title);
+
+  &:last-child {
+    margin-right: 16px;
+  }
+}
+
+.post-news-btn + .post-news-btn {
+  margin-left: 8px;
 }
 
 .dark .post-news-btn {
diff --git a/src/pages/common/PostTopic.vue b/src/pages/common/PostTopic.vue
index 72fe4480..9ffd05f4 100644
--- a/src/pages/common/PostTopic.vue
+++ b/src/pages/common/PostTopic.vue
@@ -10,7 +10,7 @@
       </div>
     </template>
     <template #extension>
-      <TGameNav :model-value="curGid" v-if="curGid !== 0" />
+      <TGameNav :model-value="curGid" v-if="curGid !== 0" style="margin-left: 8px" />
     </template>
     <div class="post-topic-switch">
       <v-select
@@ -276,10 +276,11 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
   overflow: hidden;
   align-items: center;
   justify-content: center;
-  padding-right: 5px;
-  border-radius: 5px;
+  padding-right: 4px;
+  border-radius: 4px;
+  margin-left: 12px;
   background: var(--box-bg-2);
-  gap: 5px;
+  gap: 4px;
 
   img {
     width: 64px;
@@ -290,7 +291,7 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
     position: relative;
     display: flex;
     flex-direction: column;
-    gap: 5px;
+    gap: 4px;
 
     :first-child {
       color: var(--common-text-title);
@@ -312,8 +313,8 @@ function handleUserClick(user: TGApp.BBS.Post.User): void {
   display: flex;
   align-items: flex-end;
   justify-content: center;
-  margin: 0 10px;
-  gap: 10px;
+  margin-right: 16px;
+  gap: 8px;
 }
 
 .post-switch-item {