arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-24 17:00:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Tabs): improve config

Browse Source
This commit is contained in:
Benjamin Canac
2024-06-05 15:46:07 +02:00
parent 82ffc1ed57
commit 88eb4cac97
2 changed files with 74 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/theme/tabs.ts
View File

@@ -3,8 +3,8 @@ export default (config: { colors: string[] }) => ({
root: 'flex items-center gap-2',
list: 'relative flex p-1 group',
indicator: 'absolute transition-[translate,width] duration-200',
trigger: 'relative inline-flex items-center justify-center gap-1.5 shrink-0 flex-1 px-3 py-1.5 data-[state=inactive]:text-gray-500 dark:data-[state=inactive]:text-gray-400 hover:data-[state=inactive]:text-gray-700 dark:hover:data-[state=inactive]:text-gray-200 text-sm font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75 transition-colors ease-out focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus:outline-none',
content: 'focus:outline-none',
trigger: 'relative inline-flex items-center justify-center gap-1.5 shrink-0 px-3 py-1.5 data-[state=inactive]:text-gray-500 dark:data-[state=inactive]:text-gray-400 hover:data-[state=inactive]:text-gray-700 dark:hover:data-[state=inactive]:text-gray-200 text-sm font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75 transition-colors ease-out focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus:outline-none',
content: 'focus:outline-none w-full',
leadingIcon: 'shrink-0 size-5',
leadingAvatar: 'shrink-0',
label: 'truncate'
@@ -18,6 +18,7 @@ export default (config: { colors: string[] }) => ({
variant: {
pill: {
list: 'bg-gray-50 dark:bg-gray-800 rounded-lg',
trigger: 'flex-1',
indicator: 'rounded-md shadow-sm'
},
link: {
@@ -33,8 +34,7 @@ export default (config: { colors: string[] }) => ({
},
vertical: {
list: 'flex-col items-center',
indicator: 'top-0 h-[--radix-tabs-indicator-size] translate-y-[--radix-tabs-indicator-position]',
content: 'flex-1'
indicator: 'top-0 h-[--radix-tabs-indicator-size] translate-y-[--radix-tabs-indicator-position]'
}
}
},