opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-11 06:37:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent signin page content from overflowing on mobile viewports

Browse Source 
Replace shrink-0 with min-w-0 on card containers to allow proper
sizing on small screens. Add w-full to inner content containers
for proper mobile width. Fix hard-coded w-[400px] to responsive
w-full md:w-[400px] in webapp-reset-password layout.

Agent-Logs-Url: https://github.com/langgenius/dify/sessions/e361965b-6f86-4c1c-99fc-a55a9c95e5fa

Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2026-04-28 05:33:11 +00:00 committed by GitHub
parent b116faaf10
commit 2566ab9105
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/(shareLayout)/webapp-reset-password/layout.tsx
View File

@ -10,7 +10,7 @@ export default function SignInLayout({ children }: any) {
return (
<>
<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 rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
<div className={cn('flex w-full min-w-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
<Header />
<div className={
cn(
@ -20,7 +20,7 @@ export default function SignInLayout({ children }: any) {
)
}
>
<div className="flex w-[400px] flex-col">
<div className="flex w-full flex-col md:w-[400px]">
{children}
</div>
</div>

4
web/app/(shareLayout)/webapp-signin/layout.tsx
View File

@ -14,10 +14,10 @@ export default function SignInLayout({ children }: PropsWithChildren) {
return (
<>
<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 rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
<div className={cn('flex w-full min-w-0 flex-col 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-[108px]')}>
<div className="flex justify-center md:w-[440px] lg:w-[600px]">
<div className="flex w-full justify-center md:w-[440px] lg:w-[600px]">
{children}
</div>
</div>

4
web/app/account/oauth/authorize/layout.tsx
View File

@ -31,10 +31,10 @@ export default function SignInLayout({ children }: any) {
return (
<>
<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')}>
<div className={cn('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-[108px]')}>
<div className="flex flex-col md:w-[400px]">
<div className="flex w-full flex-col md:w-[400px]">
{isLoggedIn
? (
<AppContextProvider>

4
web/app/reset-password/layout.tsx
View File

@ -10,7 +10,7 @@ export default function SignInLayout({ children }: any) {
return (
<>
<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 rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
<div className={cn('flex w-full min-w-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
<Header />
<div className={
cn(
@ -20,7 +20,7 @@ export default function SignInLayout({ children }: any) {
)
}
>
<div className="flex flex-col md:w-[400px]">
<div className="flex w-full flex-col md:w-[400px]">
{children}
</div>
</div>

4
web/app/signin/layout.tsx
View File

@ -12,10 +12,10 @@ export default function SignInLayout({ children }: any) {
return (
<>
<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')}>
<div className={cn('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-[108px]')}>
<div className="flex flex-col md:w-[400px]">
<div className="flex w-full flex-col md:w-[400px]">
{children}
</div>
</div>