From 60e3d317f30e2e93fb974b16423038d77f5f6359 Mon Sep 17 00:00:00 2001 From: Zachery Ng Date: Wed, 21 Feb 2024 10:54:08 +0800 Subject: [PATCH] chore: use tw classes when possible --- .../src/components/shared/Avatar/Avatar.theme.ts | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts b/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts index a049cbeb..bc594274 100644 --- a/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts +++ b/packages/frontend/src/components/shared/Avatar/Avatar.theme.ts @@ -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'], }, }, },