personal-website/src/components/Navbar.astro

23 lines
547 B
Plaintext
Raw Normal View History

2024-03-26 21:12:10 +01:00
---
import Navlink from "./Navlink.astro";
const links = [
{
display: "Home",
icon: "H",
href: "/"
},{
display: "Blog",
icon: "B",
href: "/blog"
}, {
display: "About",
icon: "A",
href: "/about"
}
];
---
<nav class="bg-white w-full flex justify-center">
<div class="justify-around w-full md:w-[767px] flex">
{ links.map((item) => (<Navlink href={item.href}, display={item.display}, icon={item.icon} isActive={ (Astro.url.pathname.replace(Astro.currentLocale + "/", "").slice(0,-1) || "/") == item.href}/>)) }
</div>
</nav>