fix: use ring instead of outline on components

This commit is contained in:
Aarnav Tale 2025-02-14 00:03:46 -05:00
parent 76d263b7e6
commit 44d08169a9
No known key found for this signature in database
4 changed files with 16 additions and 6 deletions

View file

@ -41,6 +41,7 @@ function TabLink({ name, to, icon }: TabLinkProps) {
'after:absolute after:bottom-0 after:left-3 after:right-3',
'after:h-0.5 after:bg-headplane-900 dark:after:bg-headplane-200',
'hover:bg-headplane-200 dark:hover:bg-headplane-900',
'focus:outline-none focus:ring',
isActive ? 'after:visible' : 'after:invisible',
)
}
@ -57,7 +58,10 @@ function Link({ href, text }: LinkProps) {
href={href}
target="_blank"
rel="noreferrer"
className="hidden sm:block hover:underline text-sm"
className={cn(
'hidden sm:block hover:underline text-sm',
'focus:outline-none focus:ring rounded-md',
)}
>
{text}
</a>