From d0605a3535a8d9b8b3c380e45c67e946eabc2f82 Mon Sep 17 00:00:00 2001
From: gegemeimingzi <gegemeimingzi@users.noreply.github.com>
Date: Tue, 18 Aug 2026 12:40:24 +0800
Subject: [PATCH] fix(web): prevent signin page content from overflowing on
 mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace `shrink-0` with `min-w-0` on the card container so it can
  shrink below its content width on narrow viewports
- Add `w-full` to the form wrapper so child elements with `w-full`
  have a proper width constraint on mobile (md:w-100 only applies at md+)
- Fix `w-hull` typo → `w-full` in both signin normalForm files

Fixes #35606
---
 web/app/(shareLayout)/webapp-signin/normalForm.tsx | 2 +-
 web/app/signin/layout.tsx                          | 4 ++--
 web/app/signin/normal-form.tsx                     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/(shareLayout)/webapp-signin/normalForm.tsx b/web/app/(shareLayout)/webapp-signin/normalForm.tsx
index 542b85492acd6d..4232354bb4c47a 100644
--- a/web/app/(shareLayout)/webapp-signin/normalForm.tsx
+++ b/web/app/(shareLayout)/webapp-signin/normalForm.tsx
@@ -237,7 +237,7 @@ const NormalForm = () => {
                 </Link>
               </div>
               {isNonCloudEdition && (
-                <div className="w-hull mt-2 block system-xs-regular text-text-tertiary">
+                <div className="mt-2 block w-full system-xs-regular text-text-tertiary">
                   {t(($) => $.goToInit, { ns: 'login' })}
                   &nbsp;
                   <Link
diff --git a/web/app/signin/layout.tsx b/web/app/signin/layout.tsx
index 860a3b3521f78f..5252ab9441ddfc 100644
--- a/web/app/signin/layout.tsx
+++ b/web/app/signin/layout.tsx
@@ -11,14 +11,14 @@ export default function SignInLayout({ children }: any) {
       <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
         <div
           className={cn(
-            'flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle',
+            'flex w-full min-w-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle',
           )}
         >
           <Header />
           <div
             className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-27')}
           >
-            <div className="flex flex-col md:w-100">{children}</div>
+            <div className="flex w-full flex-col md:w-100">{children}</div>
           </div>
           {systemFeatures.branding.enabled === false && (
             <div className="px-8 py-6 system-xs-regular text-text-tertiary">
diff --git a/web/app/signin/normal-form.tsx b/web/app/signin/normal-form.tsx
index 1a013c3e9ac88d..52848170cd8c83 100644
--- a/web/app/signin/normal-form.tsx
+++ b/web/app/signin/normal-form.tsx
@@ -328,7 +328,7 @@ function NormalForm() {
                 </Link>
               </div>
               {isNonCloudEdition && (
-                <div className="w-hull mt-2 block system-xs-regular text-text-tertiary">
+                <div className="mt-2 block w-full system-xs-regular text-text-tertiary">
                   {t(($) => $.goToInit, { ns: 'login' })}
                   &nbsp;
                   <Link