From c8f5512f68bb87cf8c45490a7920307ce8b8dca7 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 13 Apr 2025 15:54:44 -0500
Subject: [PATCH] Add active states to links

---
 src/focal/PhotoFocalLength.tsx | 2 +-
 tailwind.css                   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/focal/PhotoFocalLength.tsx b/src/focal/PhotoFocalLength.tsx
index d0b99a3c..480484a4 100644
--- a/src/focal/PhotoFocalLength.tsx
+++ b/src/focal/PhotoFocalLength.tsx
@@ -18,7 +18,7 @@ export default function PhotoFocalLength({
       {...props}
       label={formatFocalLength(focal)}
       href={pathForFocalLength(focal)}
-      icon={<IconFocalLength />}
+      icon={<IconFocalLength className="translate-y-[-1px]" />}
       hoverEntity={countOnHover}
     />
   );
diff --git a/tailwind.css b/tailwind.css
index 59c4329b..8ea8ad05 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -329,6 +329,7 @@
   a, .link {
     @apply
       hover:text-medium
+      active:text-dim
   }
 }