From d4c0e9ac55f85bd8de13c0367332a831192b8d80 Mon Sep 17 00:00:00 2001
From: Konrad Szwarc <konrad.szwarc.dev@gmail.com>
Date: Fri, 3 Feb 2023 23:43:18 +0100
Subject: [PATCH] feat: highlight link tags on hover

---
 src/web/components/tag.astro | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/web/components/tag.astro b/src/web/components/tag.astro
index 4d39f0b..33ffc9b 100644
--- a/src/web/components/tag.astro
+++ b/src/web/components/tag.astro
@@ -12,7 +12,13 @@ const className =
 
 {
   url ? (
-    <a class={className} data-tooltip={description} href={url} target="_blank" rel="noopener noreferrer">
+    <a
+      class:list={[className, 'hover:bg-gray-200 dark:hover:bg-gray-600']}
+      data-tooltip={description}
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
       {icon && <Icon name={icon} color={iconColor} size={16} />}
       {name}
     </a>