lukeonline

commit b9dfbe64007e81c294f2f58003f2eb6eb3228054
parent 471846984278e797e4252e9c92fa652a27332671
Author: Luke Jones <luke.jones.2567@gmail.com>
Date:   Fri, 17 Jul 2026 00:00:10 +0100

feat: focus styling

Diffstat:
M
src/components/Header.astro
 | 
3
++-
M
src/layouts/ContentList.astro
 | 
2
+-

2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,7 +1,8 @@
 ---
 const { title } = Astro.props;
 
-const linkStyling = "hover:bg-gray-300 pl-1 grow"
+const linkStyling = "hover:text-blue-500 hover:underline pl-1 " +
+  "grow focus:bg-blue-50 focus:rounded";
 ---
 <header class="flex flex-col gap-2">
   <span class="text-xl font-bold">Luke Jones</span>
diff --git a/src/layouts/ContentList.astro b/src/layouts/ContentList.astro
@@ -4,7 +4,7 @@ import Base from "./Base.astro";
 const { ...props } = Astro.props;
 
 const postStyling = "flex flex-col bg-gray-50 " +
-  "p-1 pl-3 pr-3 hover:bg-gray-200 "
+  "p-1 pl-3 pr-3 hover:bg-gray-200 focus:bg-blue-50 focus:rounded"
 ---
 <Base title={props.title}>
   <slot />