chore: use tw classes when possible

This commit is contained in:
Zachery Ng 2024-02-21 10:54:08 +08:00
parent 49b1602ab5
commit 60e3d317f3

View File

@ -35,28 +35,28 @@ export const avatarTheme = tv(
},
size: {
18: {
base: ['rounded-[6px]', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'],
base: ['rounded-md', 'h-[18px]', 'w-[18px]', 'text-[0.625rem]'],
},
20: {
base: ['rounded-[6px]', 'h-[20px]', 'w-[20px]', 'text-[0.625rem]'],
base: ['rounded-md', 'h-5', 'w-5', 'text-[0.625rem]'],
},
24: {
base: ['rounded-[6px]', 'h-[24px]', 'w-[24px]', 'text-[0.625rem]'],
base: ['rounded-md', 'h-6', 'w-6', 'text-[0.625rem]'],
},
28: {
base: ['rounded-[8px]', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'],
base: ['rounded-lg', 'h-[28px]', 'w-[28px]', 'text-[0.625rem]'],
},
32: {
base: ['rounded-[8px]', 'h-[32px]', 'w-[32px]', 'text-xs'],
base: ['rounded-lg', 'h-8', 'w-8', 'text-xs'],
},
36: {
base: ['rounded-[12px]', 'h-[36px]', 'w-[36px]', 'text-xs'],
base: ['rounded-xl', 'h-[36px]', 'w-[36px]', 'text-xs'],
},
40: {
base: ['rounded-[12px]', 'h-[40px]', 'w-[40px]', 'text-sm'],
base: ['rounded-xl', 'h-10', 'w-10', 'text-sm'],
},
44: {
base: ['rounded-[12px]', 'h-[44px]', 'w-[44px]', 'text-sm'],
base: ['rounded-xl', 'h-[44px]', 'w-[44px]', 'text-sm'],
},
},
},