DialKit landing preview with button picker#33
Merged
Conversation
Replace the grid-based landing page with a focused preview experience: users pick a button from a shadcn Select dropdown and see it centered on the page. Also installs DialKit with DialRoot in the root layout.
Redesign the landing page with a shadcn Select picker and centered button preview. Each button has its own DialKit panel with tailored controls. Sync DialKit theme and styling with the site, position the panel top-left below the header, and remove navbar/footer borders.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Stack header controls on small screens, center preview properly, and tighten footer spacing. Move DialKit panel to bottom-left on mobile so it clears the navbar. Use hex colors in dial configs to fix native picker infinite loop; EvilEye defaults to dark background.
Use bottom-left DialRoot position on narrow viewports instead of CSS overrides. Add a sun/moon toggle in the header; share theme helpers with the existing D keyboard shortcut.
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
Replaces the grid-based landing page with a focused preview experience: users pick a button from a shadcn Select dropdown and see it centered on the page with live DialKit controls.
Changes
Test plan