docs(layout): align docs sidebar with main content by reducing top padding

brandonkachen · codebuff-team · brandonkachen · commit 2ddcef3f25a4 · 2025-09-30T17:23:22.000-07:00
Slightly reduce the inner container's top padding from pt-6 to pt-2 to better align the sidebar with the main content and improve visual rhythm on docs pages.

🤖 Generated with Codebuff
Co-Authored-By: Codebuff &lt;noreply@codebuff.com&gt;
diff --git a/web/src/app/docs/layout.tsx b/web/src/app/docs/layout.tsx
@@ -63,7 +63,7 @@ export default function DocsLayout({
             {/* Enhanced scrollable container */}
             <div
               ref={sidebarRef}
-              className="relative h-full overflow-y-auto pr-4 pl-4 pt-6 pb-6 custom-scrollbar bg-background/95 backdrop-blur-sm rounded-lg border border-border/50 shadow-lg"
+              className="relative h-full overflow-y-auto pr-4 pl-4 pt-2 pb-6 custom-scrollbar bg-background/95 backdrop-blur-sm rounded-lg border border-border/50 shadow-lg"
             >
               <DocSidebar className="" onNavigate={() => setOpen(false)} />
             </div>

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ export default function DocsLayout({`
`63`	`63`	`{/* Enhanced scrollable container */}`
`64`	`64`	`<div`
`65`	`65`	`ref={sidebarRef}`
`66`		`- className="relative h-full overflow-y-auto pr-4 pl-4 pt-6 pb-6 custom-scrollbar bg-background/95 backdrop-blur-sm rounded-lg border border-border/50 shadow-lg"`
	`66`	`+ className="relative h-full overflow-y-auto pr-4 pl-4 pt-2 pb-6 custom-scrollbar bg-background/95 backdrop-blur-sm rounded-lg border border-border/50 shadow-lg"`
`67`	`67`	`>`
`68`	`68`	`<DocSidebar className="" onNavigate={() => setOpen(false)} />`
`69`	`69`	`</div>`