From cbb7115b6bc10576bc7d7b7ffa77534bd5b45d6d Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 4 Feb 2025 23:42:31 +0330
Subject: [PATCH] added animation

---
 frontend/components/global/Tooltip.vue | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/frontend/components/global/Tooltip.vue b/frontend/components/global/Tooltip.vue
index f56f90a..6955866 100644
--- a/frontend/components/global/Tooltip.vue
+++ b/frontend/components/global/Tooltip.vue
@@ -1,37 +1,28 @@
 <script lang="ts" setup>
-
 // type
 type Props = {
-    title?: string
-}
+    title?: string;
+};
 
 // prop
 defineProps<Props>();
-
 </script>
 
 <template>
-    <TooltipProvider
-        :disabled="!title"
-        :delay-duration="0"
-    >
+    <TooltipProvider :disabled="!title" :delay-duration="0">
         <TooltipRoot>
             <TooltipTrigger>
                 <slot />
             </TooltipTrigger>
             <TooltipPortal>
                 <TooltipContent
-                    class="bg-black text-white px-4 py-3 rounded-full"
+                    class="bg-black text-white px-4 py-3 rounded-full text-sm font-iran-yekan-x animate-slide-down-fade"
                     :side-offset="5"
                 >
                     {{ title }}
-                    <TooltipArrow
-                        class="fill-black"
-                        :width="12"
-                        :height="6"
-                    />
+                    <TooltipArrow class="fill-black" :width="12" :height="6" />
                 </TooltipContent>
             </TooltipPortal>
         </TooltipRoot>
     </TooltipProvider>
-</template>
\ No newline at end of file
+</template>