z0x/blog.z0x.ca
Code Actions

feat: breadcrumbs and more

Browse source
This commit is contained in:
enscribe 2024-09-10 22:09:57 -07:00
parent 43e35a3f8b
commit 051e466b6d
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
19 changed files with 529 additions and 218 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/Header.astro
View file

@ -2,6 +2,7 @@
import Container from '@components/Container.astro'
import Link from '@components/Link.astro'
import { SITE } from '@consts'
import { ModeToggle } from '@/components/ui/mode-toggle'
const items = [
{ href: '/blog', label: 'blog' },
@ -22,20 +23,21 @@ const items = [
>
{SITE.TITLE}
</Link>
<nav class="flex items-center gap-4 text-sm sm:gap-6">
{
items.map((item, index) => (
<Fragment key={item.href}>
<div class="flex items-center gap-4">
<nav class="flex items-center gap-4 text-sm sm:gap-6">
{
items.map((item) => (
<Link
href={item.href}
class="capitalize text-foreground/60 transition-colors hover:text-foreground/80"
>
{item.label}
</Link>
</Fragment>
))
}
</nav>
))
}
</nav>
<ModeToggle client:load />
</div>
</div>
</Container>
</header>