diff options
| author | Wyvest <wyvestbusiness@gmail.com> | 2024-01-20 11:29:57 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-20 11:29:57 -0500 |
| commit | 0afab2cd1b1266034d35cd66f41c3bde90847f9e (patch) | |
| tree | 54172a78823cf76761ab88e21d6d2c64d5b965c3 /apps/website/src/components/base/navbar/Navbar.astro | |
| parent | 55b593c4e6b90137995aee9a55ba2a86423cc7bd (diff) | |
| parent | 55548a94b61ce7d1ca0ca8da69db7566f937cfeb (diff) | |
| download | Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.tar.gz Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.tar.bz2 Nexus-0afab2cd1b1266034d35cd66f41c3bde90847f9e.zip | |
Merge pull request #4 from Polyfrost/website/icon-fix
Diffstat (limited to 'apps/website/src/components/base/navbar/Navbar.astro')
| -rw-r--r-- | apps/website/src/components/base/navbar/Navbar.astro | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro new file mode 100644 index 0000000..8903b7e --- /dev/null +++ b/apps/website/src/components/base/navbar/Navbar.astro @@ -0,0 +1,23 @@ +--- +import type { Config } from '@webtypes/Config'; +import type { HTMLAttributes } from 'astro/types'; +import config from 'config'; +import NavbarElement from '../navbar/NavbarElement.astro'; + +interface Props extends HTMLAttributes<'div'> {} +const props = Astro.props; +--- +<div {...props} class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3 z-navbar text-[16px]"> + <nav class="w-full max-w-[1024px] flex flex-col md:flex-row justify-between items-center"> + <ul class="flex flex-row justify-start gap-4 max-md:mt-4"> + {(config as Config).navbar.left.map((element, index) => ( + <NavbarElement {element} {index}/> + ))} + </ul> + <ul class="flex flex-row justify-center md:justify-end gap-4 flex-wrap"> + {(config as Config).navbar.right.map((element, index) => ( + <NavbarElement {element} {index}/> + ))} + </ul> + </nav> +</div> |