From ed82503a44f516b551db7bb73b60ee333cb10758 Mon Sep 17 00:00:00 2001
From: RevIQ <me@rev.iq>
Date: Wed, 7 Jan 2026 15:47:51 +0800
Subject: [PATCH] Add max-width constraint to main content area
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keep sidebar full-height at left edge while constraining the main
content area to max-w-7xl centered.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/lib/components/layout/dashboard-layout.svelte       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte b/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
index 8434a38..2f2472a 100644
--- a/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
+++ b/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
@@ -22,8 +22,10 @@ let { title, children, class: className }: Props = $props();
   <div class="flex flex-1 flex-col overflow-hidden">
     <AppHeader {title} />
 
-    <main class={cn("flex-1 overflow-auto p-4 lg:p-6", className)}>
-      {@render children()}
+    <main class="flex-1 overflow-auto p-4 lg:p-6">
+      <div class={cn("mx-auto max-w-7xl", className)}>
+        {@render children()}
+      </div>
     </main>
   </div>
 </div>