feat: highlight link tags on hover

2023-02-03 23:43:18 +01:00 · 2023-02-03 23:43:18 +01:00 · d4c0e9ac55
commit d4c0e9ac55
parent c64817a724
1 changed files with 7 additions and 1 deletions
--- 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>