aboutsummaryrefslogtreecommitdiff
path: root/web/src/components/NavBar.astro
blob: 5cecbb445e51c7964de3260284f9a3075e1291e2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
---
export type Props = {
	navStyle?: 'transparent' | 'full'
}

const navbar = Astro.props.navStyle ?? 'full';
---

<nav
	class={`max-w-screen-xl bg-gray-800 flex flex-wrap items-center justify-between mx-auto px-2 py-1 leading-tight ${navbar == 'transparent' ? 'bg-opacity-50 backdrop-blur-lg absolute z-10 w-full top-0' : ''}`}>
	<a href="/" class="flex items-center space-x-3">
		<!--<img src=""/> TODO: add logo -->
		<span class="self-center font-semibold whitespace-nowrap">Firmament</span>
	</a>
	<div class="block w-auto">
		<ul class="font-medium flex-row mt-0 flex border-0">
			<li>
				<a class="px-1"
				   href="https://github.com/nea89o/Firmament/blob/master/docs/Texture%20Pack%20Format.md">Docs</a>
			</li>
			<li>
				<a class="px-1" href="/texture-packs">Texture Packs</a>
			</li>
		</ul>
	</div>
</nav>