chore: Update CollectionCardComponent with hover background color and card filter overlay
This commit is contained in:
parent
566c3642f6
commit
e361228b48
1 changed files with 2 additions and 2 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue