Fix: corregir estructura de :ui para UTabs con colores de marca
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 47s

This commit is contained in:
2025-10-29 18:30:56 -06:00
parent 5aac61d37a
commit 369085a38a

View File

@@ -74,36 +74,12 @@
v-model="selectedTab"
:items="tabs"
:ui="{
wrapper: 'space-y-4',
container: 'flex items-center gap-4 border-b border-[var(--brand-border)] w-full overflow-x-auto',
base: 'focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#c08040] disabled:cursor-not-allowed disabled:opacity-75',
list: {
background: 'bg-transparent',
rounded: '',
shadow: '',
padding: '',
height: '',
width: '',
marker: {
wrapper: 'absolute top-[4px] left-[4px] duration-200 ease-out focus:outline-none',
base: 'w-full h-full',
background: 'bg-[#c08040]',
rounded: 'rounded-md',
shadow: 'shadow-sm'
},
tab: {
base: 'relative inline-flex items-center justify-center flex-shrink-0 w-full ui-focus-visible:outline-0 ui-focus-visible:ring-2 ui-focus-visible:ring-inset ui-focus-visible:ring-[#c08040] ui-disabled:cursor-not-allowed ui-disabled:opacity-75 transition-colors duration-200 ease-out',
background: 'ui-not-selected:bg-transparent ui-selected:bg-[#c08040]',
active: 'text-[#1b1209]',
inactive: 'text-[var(--brand-text-muted)] hover:text-[var(--brand-text)]',
height: 'h-8',
padding: 'px-3',
size: 'text-sm',
font: 'font-medium',
rounded: 'rounded-md',
shadow: ''
}
}
root: 'space-y-4',
list: 'border-b border-[var(--brand-border)]',
indicator: 'bg-[#c08040]',
trigger: 'data-[state=active]:text-[#c08040] data-[state=inactive]:text-[var(--brand-text-muted)] hover:text-[var(--brand-text)] focus-visible:ring-2 focus-visible:ring-[#c08040]',
label: 'font-medium text-sm',
content: 'py-4'
}"
>
<!-- Table View -->