Use simpler hydration/loading animation

sillsdev · Oct 27, 2023 · 159cd96 · 159cd96
1 parent b6aa726
commit 159cd96
Showing 1 changed file with 5 additions and 24 deletions.
diff --git a/frontend/src/lib/app.postcss b/frontend/src/lib/app.postcss
@@ -139,31 +139,12 @@ table tr:nth-last-child(-n + 2) .dropdown {
 
         &::before {
             content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            @apply w-full h-full;
-            @apply rounded-xl;
-
-            background-image: linear-gradient(110deg, var(--tw-gradient-stops));
-            @apply from-base-300;
-            @apply via-neutral-600;
-            @apply to-base-300;
-            background-size: 400% 400%;
-            animation: gradient 5s ease-in-out infinite;
-
-            @keyframes gradient {
-                0% {
-                    background-position: 0% 50%;
-                }
-                50% {
-                    background-position: 100% 50%;
-                }
-                100% {
-                    background-position: 0% 50%;
-                }
-            }
+            @apply loading loading-ring w-32 bg-primary;
 
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
         }
     }
 }