style: extend topbar link tap targets to 44px

Topbar links were about 37px tall, short of a 44px touch target.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-25 21:55:43 +08:00
co-authored by Claude
parent ac8cffc779
commit 242af0e11e
+8
View File
@@ -233,6 +233,7 @@ kbd {
}
.hero-topbar-link {
position: relative;
padding: 0.45rem 0.8rem;
border: 1px solid var(--hero-line);
border-radius: 999px;
@@ -247,6 +248,13 @@ kbd {
transform 180ms ease;
}
/* Grows the tap target to 44px without changing the pill */
.hero-topbar-link::after {
content: "";
position: absolute;
inset: -0.25rem 0;
}
.hero-topbar-link-strong,
.hero-topbar-link:hover {
border-color: oklch(100% 0 0 / 0.28);