From c168e921355a7da65a1f507601ab69ef392115a3 Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Thu, 4 Sep 2025 14:17:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=9A=90=E8=97=8Ftabbar=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/tab/TabBar.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/tab/TabBar.vue b/src/layouts/components/tab/TabBar.vue
index 5dbf092..0012ad0 100644
--- a/src/layouts/components/tab/TabBar.vue
+++ b/src/layouts/components/tab/TabBar.vue
@@ -114,7 +114,17 @@ useDraggable(el, tabs, {
 </script>
 
 <template>
-  <n-scrollbar ref="scrollbar" class="relative flex h-full tab-bar-scroller-wrapper" content-class="h-full pr-34 tab-bar-scroller-content" :x-scrollable="true" @wheel="onWheel">
+  <n-scrollbar
+    ref="scrollbar"
+    class="relative flex h-full tab-bar-scroller-wrapper"
+    content-class="h-full pr-34 tab-bar-scroller-content"
+    x-scrollable
+    :theme-overrides="{
+      color: 'transrparent',
+      colorHover: 'transrparent',
+    }"
+    @wheel="onWheel"
+  >
     <div class="p-l-2 flex wh-full relative">
       <div class="flex items-end">
         <TabBarItem