Cap admin shell at 75vw instead of full bleed.
Local Build and Deploy / deploy (push) Successful in 54s

Keeps housekeeping wider than the public max-w-7xl grid without stretching edge-to-edge on large screens.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
SimoandCursor committed 2026-07-15 21:07:01 +02:00
1 parent e101ea474e
commit e892b0426a
1 file changed
+4 -1
@@ -41,7 +41,9 @@ export function AdminMobileWrapper({
return ( return (
<AdminMobileContext.Provider value={mobile}> <AdminMobileContext.Provider value={mobile}>
<div className="min-h-screen bg-[var(--admin-canvas)] flex flex-col lg:flex-row"> {/* Shell capped at ~¾ viewport — wider than public max-w-7xl, not full-bleed. */}
<div className="min-h-screen bg-[var(--admin-canvas)]">
<div className="mx-auto flex min-h-screen w-full max-w-full min-w-0 flex-col lg:max-w-[75vw] lg:flex-row lg:border-x lg:shadow-xl border-[var(--admin-border)]">
{/* Mobile header */} {/* Mobile header */}
<div <div
className={`lg:hidden sticky top-0 flex items-center gap-3 px-4 py-3 border-b ${ className={`lg:hidden sticky top-0 flex items-center gap-3 px-4 py-3 border-b ${
@@ -91,6 +93,7 @@ export function AdminMobileWrapper({
{/* Content */} {/* Content */}
<div className="flex flex-col flex-1 min-w-0">{children}</div> <div className="flex flex-col flex-1 min-w-0">{children}</div>
</div> </div>
</div>
</AdminMobileContext.Provider> </AdminMobileContext.Provider>
); );
} }