added avatar component

2025-02-05 02:02:41 +03:30
parent 06ae9c9d7c
commit f280495eac
1 changed files with 6 additions and 4 deletions
@@ -13,18 +13,20 @@ defineProps<Props>();

 <template>
    <AvatarRoot
-        class="bg-black inline-flex size-[45px] select-none items-center justify-center overflow-hidden rounded-full align-middle"
+        class="inline-flex size-[45px] select-none items-center justify-center rounded-full align-middle"
    >
        <AvatarImage
-            class="h-full w-full rounded-[inherit] object-cover"
+            class="h-full w-full rounded-full object-cover"
            :src="src"
            :alt="alt"
        />
        <AvatarFallback
-            class="text-slate-300 leading-1 flex h-full w-full items-center justify-center bg-white text-sm font-medium"
+            class="flex-center size-full text-sm font-medium rounded-full"
            :delay-ms="600"
        >
-            {{ alt }}
+            <div class="size-full rounded-full flex-center">
+                <Icon name="ci:profile" size="16" class="**:stroke-black" />
+            </div>
        </AvatarFallback>
    </AvatarRoot>
 </template>