From d8b274f55404f2528911a5919999fb97478386f3 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 6 Mar 2025 17:22:08 +0600
Subject: [PATCH] web/layout: global spinner animation

---
 web/src/components/queue/ProcessingStatus.svelte | 11 +----------
 web/src/components/save/OmniboxIcon.svelte       | 13 ++-----------
 web/src/routes/+layout.svelte                    |  9 +++++++++
 3 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/web/src/components/queue/ProcessingStatus.svelte b/web/src/components/queue/ProcessingStatus.svelte
index 50972c78..e8a74156 100644
--- a/web/src/components/queue/ProcessingStatus.svelte
+++ b/web/src/components/queue/ProcessingStatus.svelte
@@ -120,7 +120,7 @@
     }
 
     #progress-ring.indeterminate {
-        animation: spin 3s linear infinite;
+        animation: spinner 3s linear infinite;
     }
 
     #progress-ring.indeterminate circle {
@@ -130,13 +130,4 @@
     .completed #progress-ring {
         opacity: 0;
     }
-
-    @keyframes spin {
-        from {
-            transform: rotate(0deg);
-        }
-        to {
-            transform: rotate(360deg);
-        }
-    }
 </style>
diff --git a/web/src/components/save/OmniboxIcon.svelte b/web/src/components/save/OmniboxIcon.svelte
index 709fe28c..ee881950 100644
--- a/web/src/components/save/OmniboxIcon.svelte
+++ b/web/src/components/save/OmniboxIcon.svelte
@@ -79,11 +79,11 @@
     }
 
     .spinner-icon.animated :global(svg) {
-        animation: spin 0.7s infinite linear;
+        animation: spinner 0.7s infinite linear;
     }
 
     .loading .link-icon :global(svg) {
-        animation: spin 0.7s linear;
+        animation: spinner 0.7s linear;
     }
 
     .loading .link-icon {
@@ -95,13 +95,4 @@
         transform: none;
         opacity: 1;
     }
-
-    @keyframes spin {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
 </style>
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 84829fad..44ec8594 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -635,4 +635,13 @@
         animation: none !important;
         transition: none !important;
     }
+
+    @keyframes -global-spinner {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
 </style>