fixup! feat(nav): restructure layout with ProductBar and full-width borders

m-hulbert · claude · m-hulbert · commit 7d72699c36ff · 2026-04-16T19:48:39.000+01:00
Widen content area from 860px to 960px.

Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
@@ -55,7 +55,7 @@ const Layout: React.FC<LayoutProps> = ({ children, pageContext }) => {
             as="main"
             className={cn(
               'flex-1 min-w-0 px-6 sm:px-8 md:px-10 lg:px-16',
-              { 'max-w-[860px] mx-auto': !isRedocPage && leftSidebar },
+              { 'max-w-[960px] mx-auto': !isRedocPage && leftSidebar },
               { 'overflow-x-clip': !isRedocPage },
             )}
           >

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ const Layout: React.FC<LayoutProps> = ({ children, pageContext }) => {`
`55`	`55`	`as="main"`
`56`	`56`	`className={cn(`
`57`	`57`	`'flex-1 min-w-0 px-6 sm:px-8 md:px-10 lg:px-16',`
`58`		`- { 'max-w-[860px] mx-auto': !isRedocPage && leftSidebar },`
	`58`	`+ { 'max-w-[960px] mx-auto': !isRedocPage && leftSidebar },`
`59`	`59`	`{ 'overflow-x-clip': !isRedocPage },`
`60`	`60`	`)}`
`61`	`61`	`>`