fix: match mockup container width — layout main uncapped to 1380px, remove padding conflict

Dashboard surface now renders at 1280px matching the React mockup exactly.
All 9 pages verified: zero mobile overflow.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-03-30 21:57:18 -05:00
parent 5803973a15
commit 40a459e752

View File

@@ -45,16 +45,16 @@
} }
main { main {
flex: 1; flex: 1;
padding: 16px; padding: 0 16px;
width: 100%; width: 100%;
max-width: 640px; max-width: 100%;
margin: 0 auto; margin: 0 auto;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
main { main {
padding: 20px; padding: 0;
max-width: 1200px; max-width: 1380px;
} }
} }
</style> </style>