ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-08 02:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

implemented colours

Browse Source
This commit is contained in:
Oliver Bryan
2025-09-08 13:34:25 +01:00
parent 82d340ccf9
commit 2d9ff354b1
3 changed files with 86 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Header.astro
View File

@@ -4,7 +4,13 @@ import NavLink from "./NavLink.astro";
const { currentPage } = Astro.props;
---
<header class="flex gap-2 p-2 border-b-1">
<NavLink currentPage={currentPage} title="home" href="/" />
<NavLink currentPage={currentPage} title="about" href="/about" />
<header class="">
<div class="w-full flex gap-4 px-4 py-2 border-b-1 border-ayu-gutter">
<h1 class="text-2xl text-ayu-red-500">oliver bryan</h1>
</div>
<!-- nav: -->
<div class="w-full flex gap-4 px-4 py-2 border-b-1 border-ayu-gutter">
<NavLink currentPage={currentPage} title="home" href="/" />
<NavLink currentPage={currentPage} title="about" href="/about" />
</div>
</header>

2
src/components/NavLink.astro
View File

@@ -4,6 +4,6 @@ const { currentPage, title, href } = Astro.props;
<a
href={href}
class={`${currentPage === title ? "bg-black text-white" : ""} px-1 rounded-sm`}
class={`${currentPage === title ? "text-ayu-accent font-bold" : ""}`}
>{title}</a
>