fix: prevent horizontal overflow on mobile devices

- Add overflow-x: hidden to html and body elements
- Set max-width: 100vw to constrain content to viewport width
- Fixes responsive layout issues on mobile screens

Closes #6

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ajax Davis 2026-01-07 14:00:48 +10:00
parent 00908118b3
commit bc1eb57e2a

View file

@ -163,6 +163,12 @@
@apply border-border;
}
html,
body {
overflow-x: hidden;
max-width: 100vw;
}
body {
@apply bg-background text-foreground;
font-family: var(--font-sans);