From caa26e915b32e43f33e738b931d50edd0e68c80e Mon Sep 17 00:00:00 2001
From: nfebe <fenn25.fn@gmail.com>
Date: Sat, 20 Dec 2025 22:07:54 +0100
Subject: [PATCH] fix(ui): Use spinner icon for refresh loading state

Signed-off-by: nfebe <fenn25.fn@gmail.com>
---
 src/layouts/DashboardLayout.vue | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/layouts/DashboardLayout.vue b/src/layouts/DashboardLayout.vue
index 1adf1f7..408d8ad 100644
--- a/src/layouts/DashboardLayout.vue
+++ b/src/layouts/DashboardLayout.vue
@@ -237,8 +237,8 @@
               <span>{{ stats.stoppedContainers }} Stopped</span>
             </div>
           </div>
-          <button class="header-btn" :class="{ refreshing: isRefreshing }" @click="refreshAll">
-            <i class="pi pi-refresh" />
+          <button class="header-btn" :disabled="isRefreshing" @click="refreshAll">
+            <i :class="isRefreshing ? 'pi pi-spinner pi-spin' : 'pi pi-refresh'" />
           </button>
         </div>
       </header>
@@ -766,24 +766,6 @@ onMounted(() => {
   color: #334155;
 }
 
-.header-btn.refreshing {
-  pointer-events: none;
-  color: #3b82f6;
-}
-
-.header-btn.refreshing i {
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 .content-area {
   flex: 1;
   padding: 1.5rem;