From e68543cf9b339f9651e6002a6afae4edeb620f87 Mon Sep 17 00:00:00 2001 From: notohh <github@notohh.dev> Date: Thu, 30 Jan 2025 21:40:51 -0500 Subject: [PATCH] navbar: add colors to hover navbar: fix status href update the right href --- src/lib/components/Navbar.svelte | 38 ++++++++++++++++++++++++++------ 1 file changed, 31 insertions(+), 7 deletions(-) diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 5c0cbaf..e213902 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -21,18 +21,42 @@ tabindex="-1" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow" > - <li><a href="/about">about</a></li> - <li><a href="/projects">projects</a></li> - <li><a href="https://status.flake.sh/">status</a></li> + <li> + <a class="hover:text-accent color-transition" href="/about">about</a> + </li> + <li> + <a class="hover:text-accent color-transition" href="/projects" + >projects</a + > + </li> + <li> + <a + class="hover:text-accent color-transition" + href="https://status.flake.sh/status/kumo">status</a + > + </li> </ul> </div> - <a href="/" class="btn btn-ghost text-xl">notohh.dev</a> + <a href="/" class="btn btn-ghost text-xl hover:text-accent color-transition" + >notohh.dev</a + > </div> <div class="navbar-center hidden lg:flex"> <ul class="menu menu-horizontal px-1"> - <li><a href="/about">about</a></li> - <li><a href="/projects">projects</a></li> - <li><a href="https://status.flake.sh/">status</a></li> + <li> + <a class="hover:text-accent color-transition" href="/about">about</a> + </li> + <li> + <a class="hover:text-accent color-transition" href="/projects" + >projects</a + > + </li> + <li> + <a + class="hover:text-accent color-transition" + href="https://status.flake.sh/status/kumo">status</a + > + </li> </ul> </div> <div class="navbar-end">