Phase 4: Responsive layout, hamburger nav, touch targets - #5
Closed
suradet-ps wants to merge 4 commits into
Closed
Conversation
…targets Phase 4 — Responsive and mobile: - Breakpoint system: mobile (<640px), tablet (640-1023px), desktop (≥1024px) - Hamburger menu on tablet/mobile with animated X transition - Mobile nav dropdown with full-width touch-friendly links - Auto-close mobile menu on navigation - Table → card auto-fallback: defaults to card view on mobile - Table + toggle hidden on mobile via CSS - Dashboard toolbar, page toolbar, add-repo form stack vertically on mobile - Touch targets: 44px minimum for all interactive elements (WCAG AA) - Summary strip 2-column grid on mobile - Compact spacing and typography on mobile
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…ouch targets - Settings grid: force 1fr on mobile (was minmax(340px) causing overflow) - Nav dropdown: position fixed to span full viewport width - Theme toggle: 44px on mobile (was 32px) - Rate limit badge: hide text on mobile to prevent overflow - Login page: reduce top margin on mobile - Add-repo form: flex 1 1 auto on mobile input - Touch targets: remove duplicate theme-toggle selector
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.
What
Why
Lepo was desktop-only. This makes it usable on phones and tablets.
Acceptance