chore(ui): use size from avatar chip

nuxt · Nov 17, 2023 · 9b0eb58 · 9b0eb58
1 parent 6e21cb1
commit 9b0eb58
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/runtime/ui.config.ts b/src/runtime/ui.config.ts
@@ -258,7 +258,7 @@ export const buttonGroup = {
 }
 
 export const chip = {
-  base: 'absolute rounded-full ring-1 ring-white dark:ring-gray-900 flex items-center justify-center text-white dark:text-gray-900 font-medium p-1 whitespace-nowrap',
+  base: 'absolute rounded-full ring-1 ring-white dark:ring-gray-900 flex items-center justify-center text-white dark:text-gray-900 font-medium whitespace-nowrap',
   background: 'bg-{color}-500 dark:bg-{color}-400',
   inset: {
     '3xs': 'm-[.125rem]',
@@ -278,15 +278,15 @@ export const chip = {
     'bottom-left': 'bottom-0 left-0 translate-y-1/2 -translate-x-1/2 transform'
   },
   size: {
-    '3xs': 'h-[4px] min-w-[4px] text-[4px]',
-    '2xs': 'h-[5px] min-w-[5px] text-[5px]',
-    xs: 'h-1.5 min-w-[0.375rem] text-[6px]',
-    sm: 'h-2 min-w-[0.5rem] text-[6px]',
-    md: 'h-2.5 min-w-[0.625rem] text-[8px]',
-    lg: 'h-3 min-w-[0.75rem] text-[10px]',
-    xl: 'h-3.5 min-w-[0.875rem] text-[10px]',
-    '2xl': 'h-4 min-w-[1rem] text-[12px]',
-    '3xl': 'h-5 min-w-[1.25rem] text-[14px]'
+    '3xs': 'h-[4px] min-w-[4px] text-[4px] p-px',
+    '2xs': 'h-[5px] min-w-[5px] text-[5px] p-px',
+    xs: 'h-1.5 min-w-[0.375rem] text-[6px] p-px',
+    sm: 'h-2 min-w-[0.5rem] text-[7px] p-0.5',
+    md: 'h-2.5 min-w-[0.625rem] text-[8px] p-0.5',
+    lg: 'h-3 min-w-[0.75rem] text-[10px] p-0.5',
+    xl: 'h-3.5 min-w-[0.875rem] text-[11px] p-1',
+    '2xl': 'h-4 min-w-[1rem] text-[12px] p-1',
+    '3xl': 'h-5 min-w-[1.25rem] text-[14px] p-1'
   },
   default: {
     size: 'sm',