Skip to content

Fix nav bar alignment and border-radius consistency#695

Merged
realproject7 merged 1 commit intomainfrom
task/692-nav-alignment
Apr 1, 2026
Merged

Fix nav bar alignment and border-radius consistency#695
realproject7 merged 1 commit intomainfrom
task/692-nav-alignment

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Mobile alignment: Added explicit h-7 height to both compact wallet box and hamburger button, wrapped compact wallet in flex items-center to ensure perfect vertical alignment
  • Border-radius consistency: Changed rounded-full (pill) to rounded (square) on desktop wallet button — both mobile and desktop now use rounded to match PlotLink's terminal aesthetic

Files changed

  • src/components/NavBar.tsx — mobile flex wrapper + hamburger height
  • src/components/ConnectWallet.tsx — consistent rounded border-radius + compact h-7

Self-verification

  • Mobile: both boxes perfectly vertically aligned (same height + position)
  • Desktop + mobile: same border-radius style (both square/rounded, not mixed)
  • npm run build passes
  • NavBar tests pass

Fixes #692

🤖 Generated with Claude Code

- Mobile: add explicit h-7 to both compact wallet and hamburger for matching
  heights, wrap compact wallet div in flex items-center
- Desktop+Mobile: change rounded-full (pill) to rounded (square) on wallet
  button for consistent terminal aesthetic

Fixes #692

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Apr 1, 2026 6:20am

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

APPROVE — Changes are minimal, focused, and correctly address both acceptance criteria:

  1. Mobile alignment: h-7 on both compact wallet and hamburger button + flex items-center wrapper ensures identical vertical positioning. ✅
  2. Border-radius consistency: All rounded-full instances changed to rounded — desktop and mobile now match PlotLink's terminal aesthetic. ✅

No extraneous changes, build passes. LGTM.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

This PR matches the acceptance criteria for #692 and keeps the change set limited to the two navbar components named in the issue.

Findings

  • None.

Decision

Approved because the mobile controls now share explicit height/alignment treatment and the desktop/mobile wallet controls consistently use rounded styling.

@realproject7 realproject7 merged commit c071db2 into main Apr 1, 2026
5 checks passed
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.

Fix nav bar alignment — mobile boxes misaligned + desktop rounded vs square inconsistency

2 participants