fix: Make MCP App UIs responsive for narrow viewports (#135)

Changed from min-width: 425px to:
- width: 100%
- max-width: 425px
- box-sizing: border-box

This allows the apps to shrink on narrow viewports (like mobile
or when embedded in native WebViews) instead of causing horizontal
scrolling.

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

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Olivier Chafik 2025-12-13 12:12:06 +00:00 • committed by GitHub
commit cfd1d1dc43
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -3,7 +3,9 @@
--color-primary-hover: #1d4ed8;
--color-notice-bg: #eff6ff;
min-width: 425px;
width: 100%;
max-width: 425px;
box-sizing: border-box;
> * {
margin-top: 0;