style: flowbite loading component

AmazeeLabs · Jan 26, 2024 · 84c64a2 · 84c64a2
1 parent bec6df1
commit 84c64a2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ui/src/components/Molecules/Loading.tsx b/packages/ui/src/components/Molecules/Loading.tsx
@@ -2,8 +2,10 @@ import React from 'react';
 
 export function Loading() {
   return (
-    <div className="animate-pulse text-xl font-bold italic text-indigo-600 text-center my-8">
-      Loading&hellip;
+    <div className="flex items-center justify-center">
+      <div className="px-3 py-1 text-xs font-medium leading-none text-center text-blue-800 bg-blue-200 rounded-full animate-pulse dark:bg-blue-900 dark:text-blue-200">
+        loading...
+      </div>
     </div>
   );
 }