chore: Update CollectionCardComponent with hover background color and card filter overlay

This commit is contained in:
anovazzi1 2024-05-03 18:00:50 -03:00
commit e361228b48

View file

@ -170,14 +170,14 @@ export default function CollectionCardComponent({
<> <>
<Card <Card
data-testid={`card-${convertTestName(data.name)}`} data-testid={`card-${convertTestName(data.name)}`}
//TODO check color schema
className={cn( className={cn(
"group relative flex min-h-[11rem] flex-col justify-between overflow-hidden transition-all hover:shadow-md", "group relative flex min-h-[11rem] flex-col justify-between overflow-hidden transition-all hover:bg-muted/50 hover:shadow-md hover:dark:bg-[#202635]",
disabled ? "pointer-events-none opacity-50" : "", disabled ? "pointer-events-none opacity-50" : "",
onClick ? "cursor-pointer" : "", onClick ? "cursor-pointer" : "",
)} )}
onClick={onClick} onClick={onClick}
> >
<div className="hover:card-filter absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden"></div>
<div> <div>
<CardHeader> <CardHeader>
<div> <div>