From 1f7a677db3ec3abfa4144921b2aff82458e479f8 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 1 Nov 2024 12:30:50 +0800
Subject: [PATCH] Refactor login page styles for better alignment and
 responsiveness

---
 src/pages/login.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/login.vue b/src/pages/login.vue
index 3d5aafaa..06d012fb 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -215,7 +215,7 @@ onUnmounted(() => {
 
 <template>
   <!-- 当前背景图片 -->
-  <div class="relative flex min-h-screen flex-col bg-gray-900 py-14">
+  <div class="relative flex min-h-screen flex-col bg-gray-900 items-center justify-center">
     <div>
       <div
         v-for="(imageUrl, index) in backgroundImages"
@@ -230,7 +230,7 @@ onUnmounted(() => {
       </div>
     </div>
     <!-- 登录表单 -->
-    <div class="auth-wrapper d-flex align-center justify-center pa-4">
+    <div class="auth-wrapper d-flex align-center justify-center">
       <VCard class="auth-card px-7 py-3 w-full h-full rounded-lg opacity-85" max-width="24rem">
         <VCardItem class="justify-center">
           <template #prepend>
@@ -297,4 +297,9 @@ onUnmounted(() => {
 .absolute-top-shift {
   inset-block-start: calc(-4rem - env(safe-area-inset-top));
 }
+
+.auth-wrapper {
+  overflow: hidden;
+  block-size: auto;
+}
 </style>