lukeonline - commit b9dfbe6

diff --git a/src/components/Header.astro b/src/components/Header.astro index 3f35675..f03e449 100644 --- 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 index 8c097c1..e7341fe 100644 --- 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 />