diff options
author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-26 20:49:05 +0100 |
---|---|---|
committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-26 20:49:05 +0100 |
commit | b0496a9f04addbd26eb4e1d4401699343482770d (patch) | |
tree | 009d52a72f78b3f738b99d5552cb576c95a3deca /apps/website/src/components/base/navbar | |
parent | 530634fea254c344684d42fe7a1d5b4020f6a3ab (diff) | |
download | Nexus-b0496a9f04addbd26eb4e1d4401699343482770d.tar.gz Nexus-b0496a9f04addbd26eb4e1d4401699343482770d.tar.bz2 Nexus-b0496a9f04addbd26eb4e1d4401699343482770d.zip |
Fixes webkit stuff
Diffstat (limited to 'apps/website/src/components/base/navbar')
-rw-r--r-- | apps/website/src/components/base/navbar/Navbar.astro | 29 | ||||
-rw-r--r-- | apps/website/src/components/base/navbar/NavbarElement.astro | 4 |
2 files changed, 16 insertions, 17 deletions
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro index ca39f2b..96c9955 100644 --- a/apps/website/src/components/base/navbar/Navbar.astro +++ b/apps/website/src/components/base/navbar/Navbar.astro @@ -4,18 +4,17 @@ import config from 'config'; import NavbarElement from '../navbar/NavbarElement.astro'; --- - - <div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3"> - <nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center"> - <ul class="flex flex-row justify-start gap-4"> - {(config as Config).navbar.left.map((element, index) => ( - <NavbarElement {element} {index}/> - ))} - </ul> - <ul class="flex flex-row justify-end gap-4"> - {(config as Config).navbar.right.map((element, index) => ( - <NavbarElement {element} {index}/> - ))} - </ul> - </nav> - </div> +<div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3"> + <nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center"> + <ul class="flex flex-row justify-start gap-4 max-sm:mt-4"> + {(config as Config).navbar.left.map((element, index) => ( + <NavbarElement {element} {index}/> + ))} + </ul> + <ul class="flex flex-row justify-end gap-4"> + {(config as Config).navbar.right.map((element, index) => ( + <NavbarElement {element} {index}/> + ))} + </ul> + </nav> +</div> diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro index 8a455de..346869c 100644 --- a/apps/website/src/components/base/navbar/NavbarElement.astro +++ b/apps/website/src/components/base/navbar/NavbarElement.astro @@ -51,9 +51,9 @@ const { md:top-full md:right-0 group-focus-within:pointer-events-auto group-focus-within:opacity-100 - group-hover:pointer-events-auto group-hover:opacity-100 + md:group-hover:pointer-events-auto md:group-hover:opacity-100 focus-within:pointer-events-auto focus-within:opacity-100 - hover:pointer-events-auto hover:opacity-100 + md:hover:pointer-events-auto md:hover:opacity-100 `}> <ScrollbarOverlayContainer tabindex="-1" |