Fix beta buttons overlapping nav

This commit is contained in:
Dilson's Pickles
2024-02-29 22:56:09 +11:00
parent ff8becd2c6
commit d4e3062a67
2 changed files with 2 additions and 2 deletions

View File

@@ -63,7 +63,7 @@ function NavigationReact(props) {
}
return (
<nav className="border-b-2 z-50 filter bg-white bg-opacity-90 backdrop-blur-xl ">
<nav className="border-b-2 z-3 filter bg-white bg-opacity-90 backdrop-blur-xl ">
<div className="flex max-w-screen-xl mx-auto h-14 px-4 xl:px-0 items-center">
<div className="flex-1">
<a className="flex w-fit items-center gap-1 lg:gap-2" href="/">

View File

@@ -39,7 +39,7 @@ const {
<a class="skip-to-content" href="#main" aria-label="Skip to content"
>Skip to content</a
>
<header class="sticky left-0 right-0 top-0">
<header class="z-50 sticky left-0 right-0 top-0">
<NavigationReact client:load currentURL={Astro.request.url} />
<BetaBanner client:load url={Astro.request.url}/>
</header>