From a1fe5823da8b8d46c1ddc7959b92466e567c303c Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sun, 22 Feb 2026 16:37:37 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-sidebar.vue | 36 ++++++++++++++++----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/app/t-sidebar.vue b/src/components/app/t-sidebar.vue
index df1cfba9..169f0a6a 100644
--- a/src/components/app/t-sidebar.vue
+++ b/src/components/app/t-sidebar.vue
@@ -1,4 +1,4 @@
-<!-- 应用侧边栏 TODO:样式适配 -->
+<!-- 应用侧边栏 -->
 <template>
   <v-navigation-drawer :permanent="true" :rail="rail" class="tsb-box">
     <v-list :nav="true" class="side-list" density="compact">
@@ -143,13 +143,10 @@
           </template>
         </v-list-item>
         <v-divider />
-        <v-list-item
-          v-show="isDevEnv"
-          :link="true"
-          :title.attr="'测试页面'"
-          href="/test"
-          prepend-icon="mdi-test-tube"
-        >
+        <v-list-item v-show="isDevEnv" :link="true" :title.attr="'测试页面'" href="/test">
+          <template #prepend>
+            <v-icon class="side-icon">mdi-test-tube</v-icon>
+          </template>
           <template #title>测试页面</template>
         </v-list-item>
         <v-divider v-show="isDevEnv" />
@@ -833,9 +830,9 @@ async function tryLaunchGame(): Promise<void> {
 
 .mid-menu {
   position: relative;
+  overflow: hidden auto;
   width: 100%;
   max-height: calc(100vh - 280px);
-  overflow: hidden auto;
 }
 
 .bottom-menu {
@@ -844,19 +841,22 @@ async function tryLaunchGame(): Promise<void> {
   width: 100%;
 }
 
+:deep(.side-icon.paimon + .v-list-item__spacer) {
+  width: 24px;
+}
+
 .side-icon {
   width: 24px;
   height: 24px;
-  border-radius: 5px;
-  margin-right: 32px;
-}
+  border-radius: 4px;
 
-.side-icon.paimon {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  margin-right: 24px;
-  transform: translateX(-4px);
+  &.paimon {
+    position: relative;
+    left: -4px;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+  }
 }
 
 .side-list-menu {