summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2025-06-15 20:36:36 +0200
committerYuval Adam <_@yuv.al>2025-06-15 20:36:36 +0200
commitc3f390cbdac22cf775228e74eae91c44dd49b76b (patch)
tree5dade9336994f94a06c2a31af49fc026fda4f2c2
parent6a631fdb8762f24bc1fc24f6858e7cccc258d718 (diff)
Cleaner link effects
-rw-r--r--src/components/NameLink.astro6
-rw-r--r--src/pages/index.astro4
2 files changed, 5 insertions, 5 deletions
diff --git a/src/components/NameLink.astro b/src/components/NameLink.astro
index c4864a4..3deaa63 100644
--- a/src/components/NameLink.astro
+++ b/src/components/NameLink.astro
@@ -46,12 +46,12 @@ const sizeClasses = {
--></a>
) : (
<span
- class="text-blue-600 domain-link"
+ class="text-blue-600 domain-link group-hover:underline"
data-extension={domainExtension}
>
<span class="domain-base">{domainBase}</span><!--
- --><span class="domain-extension">{domainExtension}</span>
- </span>
+ --><span class="domain-extension">{domainExtension}</span><!--
+ --></span>
)
) : (
<span>{part}</span>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d9b26a8..8de0614 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -115,7 +115,7 @@ const description =
name.data.url ||
`https://${name.data.domain}`
}
- class="block border border-gray-100 rounded-lg p-4 hover:bg-gray-50 hover:border-gray-200 transition-all duration-200"
+ class="group block border border-gray-100 rounded-lg p-4 hover:bg-gray-50 hover:border-gray-200 transition-all duration-200"
rel={
name.data.candidate
? "nofollow"
@@ -151,7 +151,7 @@ const description =
>
{
candidates.map((name) => (
- <li class="p-1 rounded hover:bg-gray-50 transition-colors duration-200 text-center text-xs overflow-hidden">
+ <li class="p-1 text-center text-xs overflow-hidden">
<NameLink
name={name}
size="small"