Add Login/Sign Up buttons to docs header, styled to match marketing site#1045
Merged
Conversation
Migrate the header navigation slot from the deprecated `UNSAFE_slotlets` API to the stable `slots` API (`head-navigation-end`). The old slotlets API stopped rendering after the recent Zudoku upgrade, so this also restores the header CTAs that had silently disappeared. Restyle the buttons to match the Zuplo marketing site navbar (~/zuplo/www): a pink "Login" text link and a dark rounded "Sign Up" pill, using the same colors, border, and shadow. Login links to portal.zuplo.com and Sign Up to zuplo.com/signup, matching the marketing site. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
What
Adds a Login and Sign Up button to the right side of the docs header, styled to match the Zuplo marketing site navbar (
~/zuplo/www):https://portal.zuplo.comhsl(231 18% 15.3%)background, white/12 border, and inset+drop shadow as the marketing site) →https://zuplo.com/signupWhy this also touches the slot config
The header CTAs were wired through the deprecated
UNSAFE_slotletsAPI (head-navigation-start), which stopped rendering after the recent Zudoku package upgrade — so the old "Sign in / Start for Free" buttons had silently disappeared from the header.This migrates to the stable
slotsAPI documented at zudoku.dev/docs/configuration/slots and moves the content tohead-navigation-end(right side, where login/signup belong), restoring the buttons.Implementation notes
<a>tags (mirroring the marketing site's own navbar markup) rather than the ZudokuButtonvariants, so the pink-link + dark-pill look matches~/zuplo/wwwexactly.Verification
Sign Upbackground resolves torgb(32,34,46)=hsl(231 18% 15.3%), matching the marketing site.format:ci(committed files),guides:check,lint:admonitions, andtypecheckall pass.head-navigation-endslot isn't shown on small screens (same behavior as the previous slot).🤖 Generated with Claude Code