From a1dc7ff0a78dcbd0acadc1be0d0f3c9e7e3b94ca Mon Sep 17 00:00:00 2001
From: simoleo89 <simoleo89@gmail.com>
Date: Wed, 15 Jul 2026 21:09:20 +0200
Subject: [PATCH] Set admin max width to 96rem, wider than public 80rem.

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

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/admin/admin-mobile-wrapper.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/admin-mobile-wrapper.tsx b/src/components/admin/admin-mobile-wrapper.tsx
index 7807fef1..6ddb1623 100644
--- a/src/components/admin/admin-mobile-wrapper.tsx
+++ b/src/components/admin/admin-mobile-wrapper.tsx
@@ -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 ${