Files
ui/src/theme/avatar.ts
Benjamin Canac 67e546504d fix(Avatar): render on SSR
Co-Authored-By: Sébastien Chopin <seb@nuxt.com>
2025-02-18 18:04:59 +01:00

43 lines
933 B
TypeScript

export default {
slots: {
root: 'inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-(--ui-bg-elevated)',
image: 'h-full w-full rounded-[inherit] object-cover',
fallback: 'font-medium leading-none text-(--ui-text-muted) truncate',
icon: 'text-(--ui-text-muted) shrink-0'
},
variants: {
size: {
'3xs': {
root: 'size-4 text-[8px]'
},
'2xs': {
root: 'size-5 text-[10px]'
},
'xs': {
root: 'size-6 text-xs'
},
'sm': {
root: 'size-7 text-sm'
},
'md': {
root: 'size-8 text-base'
},
'lg': {
root: 'size-9 text-lg'
},
'xl': {
root: 'size-10 text-xl'
},
'2xl': {
root: 'size-11 text-[22px]'
},
'3xl': {
root: 'size-12 text-2xl'
}
}
},
defaultVariants: {
size: 'md'
}
}