From 331c84fa56368cec592fa2c91c27b3095bec9f57 Mon Sep 17 00:00:00 2001
From: Abhinav Raut <abhinavrautcs@gmail.com>
Date: Sat, 31 May 2025 23:40:42 +0530
Subject: [PATCH] use dot loader to use tailwind animations

---
 frontend/src/components/ui/loader/DotLoader.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ui/loader/DotLoader.vue b/frontend/src/components/ui/loader/DotLoader.vue
index 37817b79..2002b10e 100644
--- a/frontend/src/components/ui/loader/DotLoader.vue
+++ b/frontend/src/components/ui/loader/DotLoader.vue
@@ -1,7 +1,11 @@
 <template>
-  <span class="dot-loader">
-    <span class="dot"></span>
-    <span class="dot"></span>
-    <span class="dot"></span>
+  <span class="inline-flex items-center">
+    <span class="w-1 h-1 rounded-full bg-current mx-0.5 animate-dot-flashing"></span>
+    <span
+      class="w-1 h-1 rounded-full bg-current mx-0.5 animate-dot-flashing [animation-delay:0.2s]"
+    ></span>
+    <span
+      class="w-1 h-1 rounded-full bg-current mx-0.5 animate-dot-flashing [animation-delay:0.4s]"
+    ></span>
   </span>
 </template>