Refine mobile hamburger/menu to a more minimal footprint

[feynon]

Motivation

• Bring the mobile hamburger and opened menu styling in line with the rest of the site by reducing visual weight and excessive spacing.
• Make the mobile menu feel less oversized on small viewports while preserving existing theme-aware behavior.

Description

• Reduced the mobile menu control size by changing mobileMenuButtonSize from h-8 w-8 sm:h-9 sm:w-9 to h-7 w-7 sm:h-8 sm:w-8 in components/site-header.tsx and components/mobile-menu.tsx.
• Tightened the header/action spacing by changing a few gap-* values and shrinking the hamburger stroke width/spacing from w-5/gap-1.5 to w-4/gap-1 in components/site-header.tsx.
• Reduced the opened-menu close icon size from h-5 w-5 to h-4 w-4 and made the mobile menu navigation less oversized by changing pt-4 → pt-2, text-[1.75rem] → text-xl, and py-4 → py-2.5 in components/mobile-menu.tsx.

Testing

• Ran npm run lint, which reported a failure due to the repository ESLint/ tooling configuration mismatch with ESLint v9 (expects eslint.config.js), so lint did not pass.
• No additional automated test suite was executed in this change set.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
tiles-next	Ready	Preview, Comment, Open in v0	Apr 29, 2026 10:18am