From 6f38034c14927559c31c48a6420bf97bc7838bec Mon Sep 17 00:00:00 2001
From: qiaoronggui <903111082@qq.com>
Date: Tue, 30 Apr 2024 09:55:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B7=AF=E7=94=B1=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E8=BE=83=E5=A4=9A=EF=BC=8C=E5=B1=8F=E5=B9=95=E8=BE=83=E7=AA=84?=
 =?UTF-8?q?=E6=83=85=E5=86=B5=E4=B8=8B=E6=B2=A1=E6=9C=89=E5=B7=A6=E5=8F=B3?=
 =?UTF-8?q?=E6=BB=9A=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/index.vue | 35 +++++++++++++++-------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/layouts/components/tab/index.vue b/src/layouts/components/tab/index.vue
index 2e64bad..60f7b96 100644
--- a/src/layouts/components/tab/index.vue
+++ b/src/layouts/components/tab/index.vue
@@ -8,23 +8,26 @@
 
 <template>
   <div>
-    <n-tabs
-      :value="tabStore.activeTab"
-      :closable="tabStore.tabs.length > 1"
-      :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
-      type="card"
-      @close="(path) => tabStore.removeTab(path)"
-    >
-      <n-tab
-        v-for="item in tabStore.tabs"
-        :key="item.path"
-        :name="item.path"
-        @click="handleItemClick(item.path)"
-        @contextmenu.prevent="handleContextMenu($event, item)"
+    <n-scrollbar x-scrollable>
+      <n-tabs
+        :value="tabStore.activeTab"
+        :closable="tabStore.tabs.length > 1"
+        class="py-10"
+        :style="`--selected-bg: ${appStore.isDark ? '#1b2429' : '#eaf0f1'}`"
+        type="card"
+        @close="(path) => tabStore.removeTab(path)"
       >
-        {{ item.title }}
-      </n-tab>
-    </n-tabs>
+        <n-tab
+          v-for="item in tabStore.tabs"
+          :key="item.path"
+          :name="item.path"
+          @click="handleItemClick(item.path)"
+          @contextmenu.prevent="handleContextMenu($event, item)"
+        >
+          {{ item.title }}
+        </n-tab>
+      </n-tabs>
+    </n-scrollbar>
 
     <ContextMenu
       v-if="contextMenuOption.show"