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: { 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'],
}, },
}, },
}, },