Cap admin shell at 75vw instead of full bleed.
Local Build and Deploy / deploy (push) Successful in 54s
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:
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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user