frappe-ui 0.1.231 → 0.1.232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Tabs/Tabs.vue +9 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "frappe-ui",
3
- "version": "0.1.231",
3
+ "version": "0.1.232",
4
4
  "description": "A set of components and utilities for rapid UI development",
5
5
  "type": "module",
6
6
  "sideEffects": false,
package/src/components/Tabs/Tabs.vue CHANGED
@@ -26,13 +26,13 @@ const Btn = h('button')
26
26
  <template>
27
27
  <TabsRoot
28
28
  :as="props.as"
29
- class="flex flex-1 overflow-hidden flex-col data-[orientation=vertical]:flex-row [&_[role='tabpanel']:not([hidden])]:flex [&_[role='tabpanel']:not([hidden])]:grow"
29
+ class="flex flex-1 overflow-hidden flex-col data-[orientation=vertical]:flex-row"
30
30
  :orientation="props.vertical ? 'vertical' : 'horizontal'"
31
31
  :default-value="props.tabs[0].label"
32
32
  >
33
33
  <TabsList
34
- class="relative min-h-fit flex data-[orientation=vertical]:flex-col p-1 border-b data-[orientation=vertical]:border-r"
35
- :class="{ 'overflow-auto': !props.vertical }"
34
+ class="relative min-h-fit flex data-[orientation=vertical]:flex-col p-1 border-b data-[orientation=vertical]:border-r "
35
+ :class="{ 'overflow-x-auto overflow-y-hidden': !props.vertical }"
36
36
  >
37
37
  <TabsIndicator
38
38
  class="absolute rounded-full duration-300"
@@ -58,10 +58,12 @@ const Btn = h('button')
58
58
  </TabsTrigger>
59
59
  </TabsList>
60
60
 
61
- <TabsContent v-for="(tab, i) in props.tabs" :value="i">
62
- <div class="flex flex-col flex-1 grow">
63
- <slot name="tab-panel" v-bind="{ tab }" />
64
- </div>
61
+ <TabsContent
62
+ v-for="(tab, i) in props.tabs"
63
+ :value="i"
64
+ class="flex flex-col overflow-auto"
65
+ >
66
+ <slot name="tab-panel" v-bind="{ tab }" />
65
67
  </TabsContent>
66
68
  </TabsRoot>
67
69
  </template>