aboutsummaryrefslogtreecommitdiff
path: root/apps/website/src/components/base/navbar/Navbar.astro
blob: 2a1cd51b6f9d91490c5e19526ac5c7986cb660ff (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
---
import type { Config } from '@webtypes/Config';
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 max-sm: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>