Fix onboarding overflow issue

This commit is contained in:
Ben Senescu 2026-06-24 13:45:47 -04:00
parent 23e7eea4c2
commit 327d741d4c

View File

@ -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>
); );
} }