mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
feat(module): dynamic rounded-* utilities (#3906)
This commit is contained in:
@@ -5,7 +5,7 @@ export default (options: Required<ModuleOptions>) => ({
|
||||
root: 'flex items-center gap-2',
|
||||
list: 'relative flex p-1 group',
|
||||
indicator: 'absolute transition-[translate,width] duration-200',
|
||||
trigger: ['group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-[calc(var(--ui-radius)*1.5)] disabled:cursor-not-allowed disabled:opacity-75', options.theme.transitions && 'transition-colors'],
|
||||
trigger: ['group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-(--ui-text-muted) hover:data-[state=inactive]:not-disabled:text-(--ui-text) font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75', options.theme.transitions && 'transition-colors'],
|
||||
content: 'focus:outline-none w-full',
|
||||
leadingIcon: 'shrink-0',
|
||||
leadingAvatar: 'shrink-0',
|
||||
@@ -19,9 +19,9 @@ export default (options: Required<ModuleOptions>) => ({
|
||||
},
|
||||
variant: {
|
||||
pill: {
|
||||
list: 'bg-(--ui-bg-elevated) rounded-[calc(var(--ui-radius)*2)]',
|
||||
list: 'bg-(--ui-bg-elevated) rounded-lg',
|
||||
trigger: 'flex-1 w-full',
|
||||
indicator: 'rounded-[calc(var(--ui-radius)*1.5)] shadow-xs'
|
||||
indicator: 'rounded-md shadow-xs'
|
||||
},
|
||||
link: {
|
||||
list: 'border-(--ui-border)',
|
||||
|
||||
Reference in New Issue
Block a user