feat: add left and right scroll buttons to Tabs bar (#4161) (#4162)

2024-08-15 21:54:55 +08:00
parent debb32d353
commit eb280ffeb7
6 changed files with 101 additions and 1 deletions
--- a/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
@@ -72,6 +72,7 @@ function scrollIntoView() {
 <template>
  <div :style="style" class="tabs-chrome size-full flex-1 overflow-hidden pt-1">
    <VbenScrollbar
+      id="tabs-scrollbar"
      class="tabs-chrome__scrollbar h-full"
      horizontal
      scroll-bar-class="z-10"
--- a/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
+++ b/packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
@@ -74,6 +74,7 @@ function scrollIntoView() {
 <template>
  <div class="h-full flex-1 overflow-hidden">
    <VbenScrollbar
+      id="tabs-scrollbar"
      class="tabs-scrollbar h-full"
      horizontal
      scroll-bar-class="z-10"