fix: docs content container should take up available height (#263)

SeanCassiere · web-flow · commit 19b8ce37cda4 · 2024-08-18T00:28:48.000+12:00
* fix: docs content container not taking up the full available height

* refactor: make sure space is left for the navigation links
diff --git a/app/components/DocsLayout.tsx b/app/components/DocsLayout.tsx
@@ -539,7 +539,7 @@ export function DocsLayout({
       {largeMenu}
       <div
         className={twMerge(
-          `max-w-full min-w-0 min-h-0 flex relative justify-center w-full`,
+          `max-w-full min-w-0 flex relative justify-center w-full min-h-[88dvh] lg:min-h-0`,
           !isExample && 'mx-auto w-[900px]'
         )}
       >

Original file line number	Diff line number	Diff line change
`@@ -539,7 +539,7 @@ export function DocsLayout({`
`539`	`539`	`{largeMenu}`
`540`	`540`	`<div`
`541`	`541`	`className={twMerge(`
`542`		- `max-w-full min-w-0 min-h-0 flex relative justify-center w-full`,
	`542`	+ `max-w-full min-w-0 flex relative justify-center w-full min-h-[88dvh] lg:min-h-0`,
`543`	`543`	`!isExample && 'mx-auto w-[900px]'`
`544`	`544`	`)}`
`545`	`545`	`>`