fix: use ring instead of outline on components
This commit is contained in:
parent
76d263b7e6
commit
44d08169a9
4 changed files with 16 additions and 6 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue