feat: create xs size at PAvatar

Signed-off-by: NaYeong,Kim <[email protected]>
cloudforet-io · Dec 10, 2024 · 6d0145e · 6d0145e
1 parent 9593a33
commit 6d0145e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/mirinae/src/data-display/avatar/PAvatar.vue b/packages/mirinae/src/data-display/avatar/PAvatar.vue
@@ -69,6 +69,10 @@ const state = reactive({
     .icon-wrapper {
         @apply text-white;
 
+        &.avatar-xs {
+            padding: 0.125rem;
+        }
+
         &.avatar-sm, &.avatar-md {
             padding: 0.25rem;
         }

diff --git a/packages/mirinae/src/data-display/avatar/type.ts b/packages/mirinae/src/data-display/avatar/type.ts
@@ -1,6 +1,7 @@
 import { indigo } from '@/styles/colors.cjs';
 
 export const AVATAR_SIZE = {
+    XS: 'xs',
     SM: 'sm',
     MD: 'md',
     XL: 'xl',
@@ -12,6 +13,7 @@ export const AVATAR_COLOR = {
 } as const;
 
 export const ICON_SIZE: Record<SizeType, string> = {
+    xs: '1rem',
     sm: '1.5rem',
     md: '1.75rem',
     xl: '4rem',