From 238790c553997a948ff34cc8d0c88bba76e6274e Mon Sep 17 00:00:00 2001
From: Konv Suu <2583695112@qq.com>
Date: Tue, 27 Jan 2026 09:09:29 +0800
Subject: [PATCH] fix: rotate the right direction

---
 app/components/OperationsQueue.vue       | 2 +-
 app/components/OrgMembersPanel.vue       | 2 +-
 app/components/OrgTeamsPanel.vue         | 4 ++--
 app/components/PackageAccessControls.vue | 2 +-
 app/components/PackageVersions.vue       | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/OperationsQueue.vue b/app/components/OperationsQueue.vue
index b37daca418..7461160b3f 100644
--- a/app/components/OperationsQueue.vue
+++ b/app/components/OperationsQueue.vue
@@ -92,7 +92,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-carbon-checkmark'
     case 'running':
-      return 'i-carbon-rotate'
+      return 'i-carbon-rotate-180'
     case 'completed':
       return 'i-carbon-checkmark-filled'
     case 'failed':
diff --git a/app/components/OrgMembersPanel.vue b/app/components/OrgMembersPanel.vue
index 03f9429ebf..b20823b5be 100644
--- a/app/components/OrgMembersPanel.vue
+++ b/app/components/OrgMembersPanel.vue
@@ -387,7 +387,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon-rotate block w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">Loading members…</p>
diff --git a/app/components/OrgTeamsPanel.vue b/app/components/OrgTeamsPanel.vue
index 1cbe5d4773..4d81817acf 100644
--- a/app/components/OrgTeamsPanel.vue
+++ b/app/components/OrgTeamsPanel.vue
@@ -327,7 +327,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon-rotate block w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">Loading teams…</p>
@@ -382,7 +382,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-carbon-rotate w-3 h-3 text-fg-muted animate-spin"
+              class="i-carbon-rotate-180 w-3 h-3 text-fg-muted animate-spin"
               aria-hidden="true"
             />
           </button>
diff --git a/app/components/PackageAccessControls.vue b/app/components/PackageAccessControls.vue
index 90a33d21b9..13babf787e 100644
--- a/app/components/PackageAccessControls.vue
+++ b/app/components/PackageAccessControls.vue
@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-carbon-rotate block w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>
diff --git a/app/components/PackageVersions.vue b/app/components/PackageVersions.vue
index 604ca45da7..afdbe961c9 100644
--- a/app/components/PackageVersions.vue
+++ b/app/components/PackageVersions.vue
@@ -436,7 +436,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
           <span
             class="w-4 h-4 flex items-center justify-center text-fg-subtle hover:text-fg transition-colors"
           >
-            <span v-if="otherVersionsLoading" class="i-carbon-rotate w-3 h-3 animate-spin" />
+            <span v-if="otherVersionsLoading" class="i-carbon-rotate-180 w-3 h-3 animate-spin" />
             <span
               v-else
               class="w-3 h-3 transition-transform duration-200"