fix: Example max height with code editor shown (#1141)

mhawryluk · Aleksander Katan · web-flow · commit ef5e84443506 · 2025-04-10T11:16:00.000+02:00
* fix: Example max height with code editor shown

* Multiply rem by ~0.4

---------

Co-authored-by: Aleksander Katan &lt;aleksander.katan@swmansion.com&gt;
diff --git a/apps/typegpu-docs/src/components/ExampleView.tsx b/apps/typegpu-docs/src/components/ExampleView.tsx
@@ -111,7 +111,7 @@ export function ExampleView({ example }: Props) {
               className={cs(
                 'flex justify-evenly items-center flex-wrap h-full box-border flex-col md:flex-row md:gap-4',
                 codeEditorShowing
-                  ? 'md:max-h-[calc(50vh-3rem)] md:overflow-auto'
+                  ? 'md:max-h-[calc(40vh-1.25rem)] md:overflow-auto'
                   : '',
               )}
             >

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@ export function ExampleView({ example }: Props) {`
`111`	`111`	`className={cs(`
`112`	`112`	`'flex justify-evenly items-center flex-wrap h-full box-border flex-col md:flex-row md:gap-4',`
`113`	`113`	`codeEditorShowing`
`114`		`- ? 'md:max-h-[calc(50vh-3rem)] md:overflow-auto'`
	`114`	`+ ? 'md:max-h-[calc(40vh-1.25rem)] md:overflow-auto'`
`115`	`115`	`: '',`
`116`	`116`	`)}`
`117`	`117`	`>`