style: modernize frontend UI typography and layout#26
Open
dotsolo wants to merge 4 commits into
Open
Conversation
Switch from DM Mono to Geist font, remove all-caps text in favor of title case, add rounded corners to cards/inputs/buttons, improve spacing and typography hierarchy, and add hover states to CTA buttons. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Redesign dashboard cards with rounded corners, soft borders, orange icons in tinted boxes, and consistent header pattern - Convert dashboard to natural flex layout (TaskBar + sidebar + main) removing fragile fixed-position math - Add retractable sidebar with bg-#f9f9f9 and unified Geist styling - Refresh TaskBar with rounded avatar tile, segmented wallet source control, and h-8 unified pill heights - Apply same card pattern to assets, transactions, and settings pages - Modernize account creation wizard: numbered chip stepper, left- aligned icon-title headers, 50/50 button layout, soft success state - Replace ALL CAPS labels with sentence case throughout - Swap font-dmmono to font-geist across the dashboard Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Collaborator
|
Nice work on the UX refresh! A few things to clean up:
|
…ations - Add brand, ink, and border-soft color tokens to tailwind.config.js - Set font-geist on body in layout.tsx so child elements inherit - Strip redundant font-geist from PendingActions, dashboard home, and login page - Replace inline SVGs in dashboard home stat cards with media imports (use existing assetValIcon, add grid_overview.svg for Overview card) - Sync PendingActions and dashboard action button borders to border-soft Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Body already sets font-geist, so children inherit it via CSS. Co-Authored-By: Claude Opus 4.7 (1M context) <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
2 participants
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
Test plan
🤖 Generated with Claude Code