From d604adfbeb209d1a5c4d0a754deeb76aa8f9f78d Mon Sep 17 00:00:00 2001
From: Zyy <zyycn@users.noreply.github.com>
Date: Thu, 5 Nov 2026 00:47:45 +0800
Subject: [PATCH] fix(login): center the sign-in form on mobile

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/views/login/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index ac2f1f321..37debdba0 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -88,10 +88,10 @@ function resolveDestination(): string {
     </div>
 
     <section
-      class="grid min-h-dvh items-center justify-items-center px-5 py-[clamp(24px,5dvh,64px)] min-[980px]:justify-items-end min-[980px]:pr-[clamp(48px,17.3vw,332px)] max-[560px]:p-4.5"
+      class="grid min-h-dvh items-center justify-items-center px-5 py-16 min-[980px]:justify-items-end min-[980px]:py-[clamp(24px,5dvh,64px)] min-[980px]:pr-[clamp(48px,17.3vw,332px)] max-[560px]:px-4.5"
       :aria-label="t('auth.pageLabel')"
     >
-      <div class="min-h-120 w-[min(440px,100%)]">
+      <div class="w-[min(440px,100%)] min-[980px]:min-h-120">
         <LoginPanel
           v-model:realm="realm"
           v-model:username="username"