From 1b3ade3f4197dd03b62ccbd3d721fe06b472c375 Mon Sep 17 00:00:00 2001
From: RainbowBird <git@luoling.moe>
Date: Fri, 13 Mar 2026 23:40:39 +0800
Subject: [PATCH] chore(stage-*): login component icon alignment

---
 apps/stage-web/src/pages/auth/login.vue               | 4 ++--
 packages/stage-ui/src/components/auth/LoginDrawer.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/stage-web/src/pages/auth/login.vue b/apps/stage-web/src/pages/auth/login.vue
index fa7e92d6c..cf562e1fe 100644
--- a/apps/stage-web/src/pages/auth/login.vue
+++ b/apps/stage-web/src/pages/auth/login.vue
@@ -56,18 +56,18 @@ watch(isDesktop, (val) => {
     <div class="max-w-xs w-full flex flex-col gap-3">
       <Button
         :class="['w-full', 'py-2', 'flex', 'items-center', 'justify-center']"
+        icon="i-simple-icons-google"
         :loading="loading.google"
         @click="handleSignIn('google')"
       >
-        <div v-if="!loading.google" class="i-simple-icons-google" />
         <span>Google</span>
       </Button>
       <Button
         :class="['w-full', 'py-2', 'flex', 'items-center', 'justify-center']"
+        icon="i-simple-icons-github"
         :loading="loading.github"
         @click="handleSignIn('github')"
       >
-        <div v-if="!loading.github" class="i-simple-icons-github" />
         <span>GitHub</span>
       </Button>
     </div>
diff --git a/packages/stage-ui/src/components/auth/LoginDrawer.vue b/packages/stage-ui/src/components/auth/LoginDrawer.vue
index cf66c7947..a7eb19e27 100644
--- a/packages/stage-ui/src/components/auth/LoginDrawer.vue
+++ b/packages/stage-ui/src/components/auth/LoginDrawer.vue
@@ -49,18 +49,18 @@ async function handleSignIn(provider: OAuthProvider) {
           <div class="flex flex-col gap-4">
             <Button
               :class="['w-full', 'py-4', 'flex', 'items-center', 'justify-center', 'gap-3', 'text-lg', 'rounded-2xl']"
+              icon="i-simple-icons-google"
               :loading="loading.google"
               @click="handleSignIn('google')"
             >
-              <div v-if="!loading.google" class="i-simple-icons-google text-xl" />
               <span>Sign in with Google</span>
             </Button>
             <Button
               :class="['w-full', 'py-4', 'flex', 'items-center', 'justify-center', 'gap-3', 'text-lg', 'rounded-2xl']"
+              icon="i-simple-icons-github"
               :loading="loading.github"
               @click="handleSignIn('github')"
             >
-              <div v-if="!loading.github" class="i-simple-icons-github text-xl" />
               <span>Sign in with GitHub</span>
             </Button>
           </div>