Skip to content

fix: mobile responsiveness and brighter theme#23

Merged
CalderLund merged 1 commit intomainfrom
calderlund--deploy-prod
Feb 21, 2026
Merged

fix: mobile responsiveness and brighter theme#23
CalderLund merged 1 commit intomainfrom
calderlund--deploy-prod

Conversation

@CalderLund
Copy link
Collaborator

@CalderLund CalderLund commented Feb 21, 2026

Summary

  • iOS Safari zoom fix: Set font-size: 16px on all inputs/textareas/selects globally to prevent auto-zoom on focus
  • Mobile sidebar overlay: Sidebar now opens as a full-width overlay on mobile (below md breakpoint) instead of squishing the main content into an unreadable sliver. Includes a backdrop that dismisses the sidebar on tap.
  • Brighter theme: Lifted the gray scale values across the board for better readability

Test plan

  • On iPhone Safari, tap the Styles/Lyrics textareas — should not zoom the viewport
  • On iPhone, open sidebar — should be full-width overlay, not side-by-side
  • On iPhone, tap backdrop behind sidebar — should close it
  • On iPad/desktop, sidebar should still be 280px side-by-side layout
  • Overall app should look slightly brighter than before

🤖 Generated with Claude Code

…ter theme

- Set font-size to 16px on all inputs/textareas to prevent iOS Safari auto-zoom
- Make sidebar a full-width overlay on mobile instead of squishing content
- Add backdrop overlay to dismiss sidebar on mobile
- Brighten gray scale for better readability across the app

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@CalderLund CalderLund merged commit 9c26dcd into main Feb 21, 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