From 44a2a87b69343bcc8d0052c0b67df3c492b29f98 Mon Sep 17 00:00:00 2001
From: Zyy <zyycn@users.noreply.github.com>
Date: Mon, 10 Aug 2026 12:53:19 +0800
Subject: [PATCH] fix(frontend): center button loading spinner

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/components/base/BaseButton.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/base/BaseButton.vue b/frontend/src/components/base/BaseButton.vue
index 88d200bf2..e46bd598a 100644
--- a/frontend/src/components/base/BaseButton.vue
+++ b/frontend/src/components/base/BaseButton.vue
@@ -110,13 +110,10 @@ const labelClasses = computed(() => [
   >
     <span
       v-if="loading"
-      class="inline-flex shrink-0 items-center justify-center leading-none"
+      class="inline-flex shrink-0 animate-spin items-center justify-center origin-center leading-none will-change-transform"
       aria-hidden="true"
     >
-      <LoaderCircle
-        :size="loadingIconSize[size]"
-        class="block animate-spin origin-center [transform-box:view-box] will-change-transform"
-      />
+      <LoaderCircle :size="loadingIconSize[size]" class="block" />
     </span>
     <span v-if="$slots.icon && !loading" class="inline-flex shrink-0">
       <slot name="icon" />