aboutsummaryrefslogtreecommitdiff
path: root/web/src/components/NavBar.astro
diff options
context:
space:
mode:
authorLinnea Gräf <nea@nea.moe>2024-11-17 04:01:17 +0100
committerLinnea Gräf <nea@nea.moe>2024-11-17 04:27:36 +0100
commit430ef35386e79386f84665f6bd8d54c31e45e018 (patch)
tree44d1471944b6b1954d028189598132ba7f3e53d6 /web/src/components/NavBar.astro
parenta1b2a399efd9ff1c8b3b0dfd71b59c7de28728ea (diff)
downloadFirmament-430ef35386e79386f84665f6bd8d54c31e45e018.tar.gz
Firmament-430ef35386e79386f84665f6bd8d54c31e45e018.tar.bz2
Firmament-430ef35386e79386f84665f6bd8d54c31e45e018.zip
feat(web): Move over some docs
Diffstat (limited to 'web/src/components/NavBar.astro')
-rw-r--r--web/src/components/NavBar.astro16
1 files changed, 8 insertions, 8 deletions
diff --git a/web/src/components/NavBar.astro b/web/src/components/NavBar.astro
index 5cecbb4..d98094f 100644
--- a/web/src/components/NavBar.astro
+++ b/web/src/components/NavBar.astro
@@ -1,4 +1,5 @@
---
+import NavLink from "./NavLink.astro";
export type Props = {
navStyle?: 'transparent' | 'full'
}
@@ -7,20 +8,19 @@ 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' : ''}`}>
+ class={`bg-gray-800 flex flex-wrap items-center justify-between mx-auto px-2 py-2 leading-tight w-full ${navbar == 'transparent' ? 'bg-opacity-50 backdrop-blur-lg absolute z-10 top-0' : 'border-b-white border-b'}`}>
<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>
+ <NavLink link="/docs/texture-pack-format">
+ Docs
+ </NavLink>
+ <NavLink link="/texture-packs">
+ Texture Packs
+ </NavLink>
</ul>
</div>
</nav>