From dbff9c02e9427d323d9955687ec209f5348a9401 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=B4=BA?= <wanghe@fit2cloud.com>
Date: Fri, 12 Jun 2026 11:45:14 +0800
Subject: [PATCH] fix: improve login page compatibility (#13029)

---
 frontend/src/views/login/index.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 95d2fd20a..3eeac77bc 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -6,7 +6,7 @@
             class="bg-white shadow-lg relative z-10 border border-gray-200 flex overflow-hidden"
             id="login-container"
         >
-            <div class="grid grid-cols-1 md:grid-cols-2 items-stretch w-full">
+            <div class="grid items-stretch w-full" :style="loginGridStyle">
                 <div v-if="showLogo" class="flex justify-center" :style="{ height: containerHeight }">
                     <img
                         v-show="imgLoaded"
@@ -144,9 +144,12 @@ const { width } = useWindowSize();
 const showLogo = computed(() => width.value >= FIXED_WIDTH);
 const containerWidth = computed(() => `${FIXED_WIDTH}px`);
 const containerHeight = computed(() => `${FIXED_HEIGHT}px`);
+const loginGridStyle = computed(() => ({
+    gridTemplateColumns: showLogo.value ? 'repeat(2, minmax(0, 1fr))' : 'minmax(0, 1fr)',
+}));
 const loginFormClass = computed(() => {
     return showLogo.value
-        ? 'hidden md:flex items-center justify-center p-4'
-        : 'flex items-center justify-center p-4 w-full';
+        ? 'flex items-center justify-center p-4 min-w-0'
+        : 'flex items-center justify-center p-4 w-full min-w-0';
 });
 </script>