From f280495eac7e01f2307ee63a81e1be5f44e11e90 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 5 Feb 2025 02:02:41 +0330
Subject: [PATCH] added avatar component

---
 frontend/components/global/Avatar.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/global/Avatar.vue b/frontend/components/global/Avatar.vue
index 1b2111e..5f787a0 100644
--- a/frontend/components/global/Avatar.vue
+++ b/frontend/components/global/Avatar.vue
@@ -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>