diff --git a/src/starlightOverrides/Header.astro b/src/starlightOverrides/Header.astro index 866a7b91..542d7315 100644 --- a/src/starlightOverrides/Header.astro +++ b/src/starlightOverrides/Header.astro @@ -60,6 +60,15 @@ const { hasSidebar } = Astro.locals.starlightRoute; + +
@@ -295,6 +304,20 @@ const { hasSidebar } = Astro.locals.starlightRoute; padding: 0.5rem 1.5rem; } + .beta-banner { + text-align: center; + font-size: 0.8rem; + line-height: 1.5; + padding: 0.4rem 0.5rem; + background: var(--accent-color-dark); + } + + .beta-banner a { + color: #ffffff; + font-weight: 600; + text-decoration: underline; + } + .header-top-row { display: flex; align-items: center; diff --git a/src/styles/global.css b/src/styles/global.css index 08cbff63..b393f08b 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -7,7 +7,7 @@ :root { /* Layout */ --sl-content-width: 85rem !important; - --sl-nav-height: 3.5rem !important; + --sl-nav-height: 5.5rem !important; /* Typography */ --sl-font: 'Inter', system-ui, sans-serif !important; @@ -46,7 +46,7 @@ @media (max-width: 50rem) { :root { - --sl-nav-height: 3.5rem !important; + --sl-nav-height: 6.7rem !important; } }