Center main content horizontally

Wrap the main area in a centered max-w-7xl container and center the max-w-4xl form column inside it, so pages no longer hug the left edge on wide screens. Lists and views center up to 7xl, forms stay at a readable 4xl.
2026-07-29 06:20:14 +02:00
parent eb57250409
commit da5eaf0558
2 changed files with 6 additions and 4 deletions
@@ -257,9 +257,11 @@ export default function AdminPanel() {
        <main
          className={`flex-1 overflow-auto bg-content-background p-6 transition-[margin] ${sidebarOpen ? 'md:ml-64' : ''}`}
        >
-          <ErrorBoundary>
-            <MainContent viewName={viewName} id={id} section={section} />
-          </ErrorBoundary>
+          <div className="mx-auto w-full max-w-7xl">
+            <ErrorBoundary>
+              <MainContent viewName={viewName} id={id} section={section} />
+            </ErrorBoundary>
+          </div>
        </main>
      </div>
    </div>