Skip to content

Fix login page vertical centering#1207

Merged
os-zhuang merged 1 commit intomainfrom
claude/fix-login-page-center-alignment
Apr 21, 2026
Merged

Fix login page vertical centering#1207
os-zhuang merged 1 commit intomainfrom
claude/fix-login-page-center-alignment

Conversation

@Claude
Copy link
Copy Markdown
Contributor

@Claude Claude AI commented Apr 21, 2026

The login and register pages were not vertically centered because the unauthenticated layout lacked a container with viewport height.

Changes

  • Wrapped unauthenticated route children in <div className="flex min-h-screen w-full"> in __root.tsx:160
  • The login/register pages already use flex flex-1 items-center justify-center, which now properly stretches to fill the viewport
// Before: no container
return <>{children}</>;

// After: flex container with full viewport height
return <div className="flex min-h-screen w-full">{children}</div>;

This matches the pattern used for loading states elsewhere in the root layout.

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
objectstack-demo Ready Ready Preview, Comment Apr 21, 2026 3:33pm
spec Ready Ready Preview, Comment Apr 21, 2026 3:33pm

Request Review

@os-zhuang os-zhuang marked this pull request as ready for review April 21, 2026 15:33
@os-zhuang os-zhuang merged commit fa8a0e9 into main Apr 21, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants