From 6d206f0490ec71ae9538b38009389e03170c02d7 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Fri, 5 Jan 2024 21:55:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=A0=8F=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=EF=BC=8C=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ConfigurationPage.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/ConfigurationPage.vue b/src/pages/ConfigurationPage.vue
index 7a7be05..ca595ef 100644
--- a/src/pages/ConfigurationPage.vue
+++ b/src/pages/ConfigurationPage.vue
@@ -2,20 +2,23 @@
   <div class="relative">
     <!-- 标签栏 -->
     <!-- 面板视图不显示标签栏 -->
-    <div
+    <q-scroll-area
       v-show="commandCardStyle !== 'mini'"
       class="absolute-left"
+      :thumb-style="{
+        width: '2px',
+      }"
       :style="{
         width: tabBarWidth,
         zIndex: 1,
-        overflow: 'hidden',
       }"
     >
       <q-tabs
         v-model="currentTag"
         vertical
-        outside-arrows
-        class="text-primary"
+        switch-indicator
+        active-class="text-primary text-weight-bolder"
+        content-class="text-blue-grey"
         :key="$root.profile.denseTagBar"
         :dense="$root.profile.denseTagBar"
       >
@@ -37,7 +40,7 @@
           </q-tooltip>
         </q-tab>
       </q-tabs>
-    </div>
+    </q-scroll-area>
     <!-- 面板栏 -->
     <q-tab-panels
       animated