Mark the page wrapper as a container only in the inline direction and not block (#950)

nicolo-ribaudo · web-flow · commit b5e62ea2441c · 2025-02-10T11:48:28.000Z
Fixes #945 (comment). Only tested by changing the value in the browser devtools.
diff --git a/frontend/routes/_layout.tsx b/frontend/routes/_layout.tsx
@@ -11,7 +11,7 @@ export default function Layout(
     <>
       <div
         class="min-h-[calc(100vh-4rem)] md:min-h-[calc(100vh-4.5rem)]"
-        style="container: page / size"
+        style="container: page / inline-size"
         data-dark-theme="light"
       >
         <a

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export default function Layout(`
`11`	`11`	`<>`
`12`	`12`	`<div`
`13`	`13`	`class="min-h-[calc(100vh-4rem)] md:min-h-[calc(100vh-4.5rem)]"`
`14`		`- style="container: page / size"`
	`14`	`+ style="container: page / inline-size"`
`15`	`15`	`data-dark-theme="light"`
`16`	`16`	`>`
`17`	`17`	`<a`