Skip to content

Commit 43aea2d

Browse files
fix: add visible focus states for keyboard navigation (JhaSourav07#2035)
1 parent 211cbb5 commit 43aea2d

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

app/components/CustomizeCTA.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,11 @@ export function CustomizeCTA() {
3535
</div>
3636

3737
<div className="shrink-0">
38-
<Link href="/customize" id="open-customization-studio-cta">
38+
<Link
39+
href="/customize"
40+
id="open-customization-studio-cta"
41+
className="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-400 focus-visible:ring-offset-2 rounded-2xl"
42+
>
3943
<span className="relative inline-flex items-center gap-2 px-4 md:px-7 py-4 rounded-2xl border border-black/10 dark:border-white/10 font-bold text-sm text-black dark:text-black bg-gray-100 dark:bg-white hover:bg-gray-200 dark:hover:bg-zinc-100 hover:scale-[1.03] active:scale-[0.97] transition-all duration-200 shadow-[0_0_30px_-4px_rgba(255,255,255,0.12)] cursor-pointer select-none">
4044
{/* Button shimmer */}
4145
<span

0 commit comments

Comments
 (0)