added animation

2025-02-04 23:42:31 +03:30
parent c21a645bbc
commit cbb7115b6b
1 changed files with 6 additions and 15 deletions
@@ -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>
+</template>