Skip to content

feat: replace mobile hamburger menu with fixed bottom tab bar#25

Merged
m4cd4r4 merged 1 commit intomasterfrom
feat/mobile-bottom-nav
Mar 15, 2026
Merged

feat: replace mobile hamburger menu with fixed bottom tab bar#25
m4cd4r4 merged 1 commit intomasterfrom
feat/mobile-bottom-nav

Conversation

@m4cd4r4
Copy link
Copy Markdown
Owner

@m4cd4r4 m4cd4r4 commented Mar 15, 2026

Summary

  • Removes hamburger button and dropdown mobile nav entirely
  • Adds a fixed bottom tab bar (iOS/Android-style) visible only on mobile (md:hidden)
  • Each of the 5 nav items gets equal width with icon above label; active state highlights in accent colour
  • Adds padding-bottom to body on mobile so content isn't obscured by the bar
  • Adds .safe-area-pb utility for iPhone notch/home indicator support
  • Preserves GitHub link added upstream; replaces deprecated Github lucide icon with inline SVG

Test plan

  • On mobile viewport: bottom bar visible, hamburger gone
  • Active route highlighted in accent colour
  • Page content not hidden behind bar (scroll to bottom)
  • Desktop unchanged - top nav with inline links still renders
  • Theme toggle still works from header

Generated with Claude Code

Removes the dropdown mobile nav in favour of a persistent bottom bar,
matching the native app pattern users expect on mobile. Also preserves
the GitHub link added upstream and swaps the deprecated Github lucide
icon for an inline SVG.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 15, 2026

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

Project Deployment Actions Updated (UTC)
contractclarity Ready Ready Preview, Comment Mar 15, 2026 4:39am

Request Review

@m4cd4r4 m4cd4r4 merged commit a7d06ef into master Mar 15, 2026
3 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.

1 participant