Fix onboarding overflow issue
This commit is contained in:
parent
23e7eea4c2
commit
327d741d4c
@ -122,8 +122,12 @@ export function AuthPageCard({
|
|||||||
|
|
||||||
export function AuthPageShell({ children }: { children: React.ReactNode }) {
|
export function AuthPageShell({ children }: { children: React.ReactNode }) {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-[100dvh] flex flex-col items-center justify-center p-4 bg-base-200">
|
// `h-[100dvh]` + `overflow-y-auto` makes this a scroll container, and the
|
||||||
{children}
|
// auto-margin child centers when it fits but stays fully reachable (top and
|
||||||
|
// bottom) when it's taller than the viewport. Plain `justify-center` clips
|
||||||
|
// the overflow with no way to scroll to it.
|
||||||
|
<div className="h-[100dvh] flex flex-col items-center overflow-y-auto p-4 bg-base-200">
|
||||||
|
<div className="m-auto flex w-full flex-col items-center">{children}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user