feat(layout): убрать max-w-7xl на root — full width на больших экранах

This commit is contained in:
Александр Зимин
2026-06-02 12:38:10 +00:00
parent 4f16669f2b
commit ff18a3aa72
+7 -1
View File
@@ -40,8 +40,14 @@ function RootLayout() {
<MobileSidebar open={mobileNavOpen} onClose={() => setMobileNavOpen(false)} /> <MobileSidebar open={mobileNavOpen} onClose={() => setMobileNavOpen(false)} />
<div className="flex-1 flex flex-col min-w-0"> <div className="flex-1 flex flex-col min-w-0">
<TopBar onMenuClick={() => setMobileNavOpen(true)} /> <TopBar onMenuClick={() => setMobileNavOpen(true)} />
{/* Main content area. Раньше: max-w-7xl (1280px) mx-auto — на
* широких мониторах (1920+) много пустого места по бокам, info-
* dense pages (dict records, schema editor) не использовали
* доступную ширину. Убрали max-w → full width, padding-x уже
* есть. Text-heavy routes (reviews самоограничивается max-w-3xl,
* остальные могут добавить если нужно). */}
<main className="flex-1 overflow-y-auto overflow-x-clip px-4 sm:px-6 py-4 sm:py-6"> <main className="flex-1 overflow-y-auto overflow-x-clip px-4 sm:px-6 py-4 sm:py-6">
<div className="max-w-7xl mx-auto w-full min-w-0"> <div className="w-full min-w-0">
<Outlet /> <Outlet />
</div> </div>
</main> </main>