Repository navigation
@hanzo/ui 8.32.4: the sign-in panel in hanzo.app's layout, inside its card - #317
Merged
Merged
Conversation
… card SignInPanel draws hanzo.app's front-page sign-in as it is (hanzo-inc/app components/auth/steps.tsx HERO_STYLE) inside the card from 8.32.3: Google and GitHub side by side, then one solid Continue with email that opens the address field on a press, then the terms. No "Create account" unless the site passes `signup` (default now false). The card keeps hanzo.app's 400px of content inside 32px of padding, so it is 464px wide.
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
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.
hanzo.team's sign-in (the shared
SignInPanel) looked different from hanzo.app and hanzo.bot. The email field was always open, the solid Continue with email showed a grey label on light grey, and it carried a "New to Hanzo? Create account" line.This draws hanzo.app's front-page sign-in as it is (hanzo-inc/app
components/auth/steps.tsxHERO_STYLE) inside the card from 8.32.3:signup, which now defaults to false (hanzo.ai/login offers sign-up).The rules are set raw as one scoped
<style>, as hanzo.app sets its own. They read design's custom properties, with gui's theme keys as fallbacks. The card keeps 400px of content inside 32px of padding, so it is 464px wide. hanzoai/team widens its slot to match in its next release.Checks
vitest run src/auth/signin-panel.test.tsx: 9 passed. The cases now check that the email field stays closed until pressed, that the field takes focus when opened, that no sign-up line appears by default, and that the style rules are not escaped in a server render.tsc: no errors in the panel files.