lukeonline

commit 3e5ebd0c301e5d2745ec5ec4adbbc1cab258f208
parent 716462359d2d0da4c51360c49f113cc42e6c98a2
Author: Luke Jones <luke.jones.2567@gmail.com>
Date:   Tue, 21 Jul 2026 22:24:51 +0100

refactor: heading changes

Diffstat:
M
src/components/Header.astro
 | 
9
++++++---

1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,12 +1,15 @@
 ---
 const { title } = Astro.props;
 
-const linkStyling = "hover:text-blue-500 hover:underline pl-1 " +
-  "grow focus:bg-blue-50 focus:rounded";
+const linkStyling = "border-solid border-1 border-gray-300" +
+  " bg-gray-50 p-1 pl-2 hover:text-blue-500 grow" +
+  " hover:underline focus:bg-blue-50 focus:rounded hover:bg-gray-200" +
+  " items-center gap-3";
+
 ---
 <header class="flex flex-col gap-2">
   <span class="text-xl font-bold">Luke Jones</span>
-  <nav class="flex flex-row justify-between gap-1">
+  <nav class="flex flex-row justify-between gap-2 flex-wrap">
     <a class={linkStyling} href="/">Home</a>
     <a class={linkStyling} href="/projects">Projects</a>
     <a class={linkStyling} href="/blog">Blog</a>