Auth unification: single calm AuthShell for all auth pages (batch unit 4)#35
Merged
Conversation
- AuthShell is now the single auth chrome for /login, /register, /forgot, /reset and /verify: quiet headline + one hairline card (white surface, 1px --line, --radius-xl, --shadow-md) on a flat canvas — no more sky gradients, glass signal cards, or aurora blobs. - Register, ForgotPassword, ResetPassword and Verify migrated onto AuthShell with logic/fields/links unchanged; .yellow-text headings dropped from auth copy. - auth-tabs restyled as a segmented hairline control (shown only for login/register modes); demo quick-login restyled to quiet chips. - Deleted dead CSS: legacy sky-gradient .login-card block (base .login-wrap/.login-card rewritten to calm tokens since VerifyCertificate/PublicProfile/PendingApproval share them), the whole v2 aurora/split/aside block, and the v3 signal-field block (rewritten to the calm version, token-driven light + dark). - card entrance reduced to opacity/translateY(8px), transitions <=200ms ease-out, scale(0.97) on press, reduced-motion respected; focus states now rely on the shared input:focus / :focus-visible accent ring. - GoogleButton: GIS button rendered rectangular to match the card; fallback button restyled to hairline tokens (Google brand colors kept in the "G" mark). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
duckyquang
added a commit
that referenced
this pull request
Jul 13, 2026
…ration tree Those four unit branches are already fully contained in this branch with their conflicts resolved against the unit-1 foundation (which main does not have yet). main introduced no other content, so the integrated tree is kept as-is. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
/login,/register,/forgot,/reset,/verify: a quiet Inter headline over one white hairline card (1px var(--line),--radius-xl,--shadow-md) on a flat canvas. The sky radial gradients, floating glass signal cards, animated underline, and v2 aurora blobs are gone.?ref/fromparams still carried by the in-card links)..yellow-textusage removed from auth copy.src/styles.css; the v3 signal-field block inshared/design-system.cssrewritten to the calm version. Base.login-wrap/.login-cardrewritten (not deleted) to calm tokens because VerifyCertificate, PublicProfile, and PendingApproval share them — verified visually..login-wrap.login-v3kept on the shell root (thebody:has(...)viewport lock depends on it); tall forms scroll inside the card..auth-tabs(login/register only), demo quick-login as quiet chips, card entranceopacity/translateY(8px)≤300ms ease-out,scale(0.97)on press,prefers-reduced-motionrespected, focus via the sharedinput:focus/:focus-visibleaccent ring. GIS Google button rendered rectangular to match the card; Google brand colors kept.Testing
npm run buildpasses (docs/ build output reverted)./register,/forgot,/reset,/verify— light + dark, 1440px + 375px (register card scrolls internally on mobile).🤖 Generated with Claude Code