chore: use tw classes when possible
This commit is contained in:
parent
49b1602ab5
commit
60e3d317f3
@ -35,28 +35,28 @@ export const avatarTheme = tv(
|
|||||||
},
|
},
|
||||||
size: {
|
size: {
|
||||||
18: {
|
18: {
|
||||||
base: ['rounded-[6px]', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'],
|
base: ['rounded-md', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'],
|
||||||
},
|
},
|
||||||
20: {
|
20: {
|
||||||
base: ['rounded-[6px]', 'h-[20px]', 'w-[20px]', 'text-[0.625rem]'],
|
base: ['rounded-md', 'h-5', 'w-5', 'text-[0.625rem]'],
|
||||||
},
|
},
|
||||||
24: {
|
24: {
|
||||||
base: ['rounded-[6px]', 'h-[24px]', 'w-[24px]', 'text-[0.625rem]'],
|
base: ['rounded-md', 'h-6', 'w-6', 'text-[0.625rem]'],
|
||||||
},
|
},
|
||||||
28: {
|
28: {
|
||||||
base: ['rounded-[8px]', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'],
|
base: ['rounded-lg', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'],
|
||||||
},
|
},
|
||||||
32: {
|
32: {
|
||||||
base: ['rounded-[8px]', 'h-[32px]', 'w-[32px]', 'text-xs'],
|
base: ['rounded-lg', 'h-8', 'w-8', 'text-xs'],
|
||||||
},
|
},
|
||||||
36: {
|
36: {
|
||||||
base: ['rounded-[12px]', 'h-[36px]', 'w-[36px]', 'text-xs'],
|
base: ['rounded-xl', 'h-[36px]', 'w-[36px]', 'text-xs'],
|
||||||
},
|
},
|
||||||
40: {
|
40: {
|
||||||
base: ['rounded-[12px]', 'h-[40px]', 'w-[40px]', 'text-sm'],
|
base: ['rounded-xl', 'h-10', 'w-10', 'text-sm'],
|
||||||
},
|
},
|
||||||
44: {
|
44: {
|
||||||
base: ['rounded-[12px]', 'h-[44px]', 'w-[44px]', 'text-sm'],
|
base: ['rounded-xl', 'h-[44px]', 'w-[44px]', 'text-sm'],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user