From 07be307035feffb4f13de20479bfee7a0f3d2690 Mon Sep 17 00:00:00 2001
From: 0x1d <admin@dcentral.systems>
Date: Thu, 16 Oct 2025 22:19:24 +0200
Subject: [PATCH] fix: spinner animation

---
 .../components/FirmwareUploadComponent.js     |  3 +--
 public/styles/main.css                        | 23 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/public/scripts/components/FirmwareUploadComponent.js b/public/scripts/components/FirmwareUploadComponent.js
index 4799ba2..05d3859 100644
--- a/public/scripts/components/FirmwareUploadComponent.js
+++ b/public/scripts/components/FirmwareUploadComponent.js
@@ -447,8 +447,7 @@ class FirmwareUploadComponent extends Component {
             <div class="overlay-content">
                 <div class="overlay-spinner">
                     <svg class="spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20z"/>
-                        <path d="M12 2a10 10 0 0 1 10 10"/>
+                        <circle cx="12" cy="12" r="10"/>
                     </svg>
                 </div>
                 <div class="overlay-text">Firmware upload in progress...</div>
diff --git a/public/styles/main.css b/public/styles/main.css
index 08c69e1..28c053a 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -4184,7 +4184,28 @@ select.param-input:focus {
     width: 48px;
     height: 48px;
     color: var(--accent-primary);
-    animation: spin 1s linear infinite;
+}
+
+.overlay-spinner .spinner circle {
+    animation: pulse 1.5s ease-in-out infinite;
+    stroke-dasharray: none;
+    stroke-dashoffset: 0;
+    transform-origin: center;
+}
+
+@keyframes pulse {
+    0% {
+        opacity: 0.3;
+        transform: scale(0.6);
+    }
+    50% {
+        opacity: 1;
+        transform: scale(1.0);
+    }
+    100% {
+        opacity: 0.3;
+        transform: scale(0.6);
+    }
 }
 
 .overlay-text {