Skip to content

@hanzo/ui 8.32.4: the sign-in panel in hanzo.app's layout, inside its card - #317

Merged
Darkhorse7stars merged 1 commit into
mainfrom
signin-panel-as-app
Nov 11, 2026
Merged

Darkhorse7stars merged 1 commit into
mainfrom
signin-panel-as-app

Conversation

@Darkhorse7stars

Copy link
Copy Markdown
Member

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.tsx HERO_STYLE) inside the card from 8.32.3:

  • Google and GitHub side by side, 46px with 14px corners, lifting on hover. They stack when the panel has under 380px of room.
  • One solid Continue with email that opens the address field, focused, on a press.
  • The terms line. There is no sign-up line unless the site passes 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.
  • A mock-up injected into the live hanzo.team page measured 46px buttons side by side and the field focused when opened. At 375px wide the providers stacked with no sideways scroll.

… 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.
@Darkhorse7stars
Darkhorse7stars merged commit f9cc201 into main Nov 11, 2026
17 of 19 checks passed
@Darkhorse7stars
Darkhorse7stars deleted the signin-panel-as-app branch November 11, 2026 17:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant