Spinner

2026-01-24 16:01:05 +01:00
parent 257ebf6c5d
commit 70858836d0
1 changed files with 19 additions and 0 deletions
--- a/src/frontend/src/routes/qsos/components/SyncButton.svelte
+++ b/src/frontend/src/routes/qsos/components/SyncButton.svelte
@@ -15,6 +15,7 @@
  disabled={isRunning || deleting}
 >
  {#if isRunning}
+    <span class="spinner"></span>
    {label} Syncing...
  {:else}
    Sync from {label}
@@ -37,4 +38,22 @@
  .dcl-btn:hover:not(:disabled) {
    background-color: #d35400;
  }
+
+  /* Spinner animation */
+  .spinner {
+    display: inline-block;
+    width: 1rem;
+    height: 1rem;
+    margin-right: 0.5rem;
+    border: 2px solid rgba(255, 255, 255, 0.3);
+    border-radius: 50%;
+    border-top-color: white;
+    animation: spin 0.8s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
 </style>