Add borders on hover to staff cards

This commit is contained in:
Zoe Roux 2026-04-04 10:51:56 +02:00
parent 6d8e60820e
commit 066e50f8b5
No known key found for this signature in database

View File

@ -21,11 +21,17 @@ export const CharacterCard = ({
return (
<Link
href={href}
className="flex-row items-center overflow-hidden rounded-xl bg-card"
className={cn(
"flex-row items-center overflow-hidden rounded-xl bg-card",
"group ring-accent hover:ring-3 focus-visible:ring-3",
)}
>
<Poster src={image} quality="low" className="w-28" />
<View className="flex-1 items-center justify-center py-5">
<P className="text-center font-semibold" numberOfLines={2}>
<P
className="text-center font-semibold group-hover:underline group-focus-visible:underline"
numberOfLines={2}
>
{name}
</P>
<SubP className="mt-1 text-center" numberOfLines={2}>