constrain header width

Rich-Harris · Rich-Harris · commit 18c75151f312 · 2024-09-25T09:15:11.000-04:00
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -162,6 +162,8 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		transition: 0.4s var(--quint-out);
 		transition-property: transform, background;
 		isolation: isolate;
+		--nav-max-width: calc(var(--sk-line-max-width) + var(--sk-page-padding-side) + 64rem);
+		padding: 0 calc(0.5 * (100vw - var(--nav-max-width)));
 	}
 
 	nav::after {

Original file line number	Diff line number	Diff line change
`@@ -162,6 +162,8 @@ Top navigation bar for the application. It provides a slot for the left side, th`
`162`	`162`	`transition: 0.4s var(--quint-out);`
`163`	`163`	`transition-property: transform, background;`
`164`	`164`	`isolation: isolate;`
	`165`	`+ --nav-max-width: calc(var(--sk-line-max-width) + var(--sk-page-padding-side) + 64rem);`
	`166`	`+ padding: 0 calc(0.5 * (100vw - var(--nav-max-width)));`
`165`	`167`	`}`
`166`	`168`
`167`	`169`	`nav::after {`