Set admin max width to 96rem, wider than public 80rem.
Local Build and Deploy / deploy (push) Successful in 55s

Public site stays max-w-7xl; admin is ~20% wider and still centered, never full viewport.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
SimoandCursor committed 2026-07-15 21:09:20 +02:00
1 parent e892b0426a
commit a1dc7ff0a7
1 file changed
+2 -2
@@ -41,9 +41,9 @@ export function AdminMobileWrapper({
return (
<AdminMobileContext.Provider value={mobile}>
{/* Shell capped at ~¾ viewport — wider than public max-w-7xl, not full-bleed. */}
{/* Wider than public max-w-7xl (80rem), capped so it never goes 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)]">
<div className="mx-auto flex min-h-screen w-full max-w-full min-w-0 flex-col lg:max-w-[96rem] lg:flex-row lg:border-x lg:shadow-xl border-[var(--admin-border)]">
{/* Mobile header */}
<div
className={`lg:hidden sticky top-0 flex items-center gap-3 px-4 py-3 border-b ${