style responsive loader

amolsasane · Jul 23, 2024 · 735d4f5 · 735d4f5
1 parent 012197e
commit 735d4f5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Loader.js b/src/components/Loader.js
@@ -8,7 +8,7 @@ const Loader = () => {
       className="flex items-center space-x-2"
     >
       <svg
-        className="h-20 w-20 animate-spin stroke-gray-500"
+        className="h-10 w-10 lg:h-20 lg:w-20 animate-spin stroke-gray-500"
         viewBox="0 0 256 256"
       >
         <line
@@ -84,7 +84,9 @@ const Loader = () => {
           strokeWidth="24"
         ></line>
       </svg>
-      <span className="text-4xl font-medium text-gray-500">Loading...</span>
+      <span className="text-2xl lg:text-4xl font-medium text-gray-500">
+        Loading...
+      </span>
     </div>
   );
 };