From 17f29a409f1fcbd6a49e5f86aa4d37dfe0bb2443 Mon Sep 17 00:00:00 2001 From: Simon Holthausen Date: Thu, 26 Sep 2024 10:00:45 +0200 Subject: [PATCH] constrain header width --- packages/site-kit/src/lib/nav/Nav.svelte | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte index 5c5b45fc57..f3625be434 100644 --- a/packages/site-kit/src/lib/nav/Nav.svelte +++ b/packages/site-kit/src/lib/nav/Nav.svelte @@ -205,11 +205,11 @@ Top navigation bar for the application. It provides a slot for the left side, th height: 100%; display: flex; background-image: url(../branding/svelte-logo.svg); - background-position: calc(var(--sk-page-padding-side) - 1rem) 50%; + background-position: calc(var(--sk-page-padding-side) - 2rem) 50%; background-repeat: no-repeat; background-size: auto 70%; align-items: center; - padding-left: calc(var(--sk-page-padding-side) + 4rem); + padding-left: calc(var(--sk-page-padding-side) + 3rem); padding-right: 2rem; text-decoration: none; text-transform: uppercase; @@ -308,6 +308,8 @@ Top navigation bar for the application. It provides a slot for the left side, th nav { display: grid; grid-template-columns: auto 1fr 1fr; + --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 {