mirror of
https://github.com/zoriya/Kyoo.git
synced 2026-04-07 01:31:56 -04:00
Add borders on hover to staff cards
This commit is contained in:
parent
6d8e60820e
commit
066e50f8b5
@ -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}>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user