Add pointer-events to grid card components
- Prevent delay on hover event
This commit is contained in:
parent
27cbc23d87
commit
e8dcba0456
2 changed files with 2 additions and 0 deletions
|
@ -32,6 +32,7 @@ const DefaultCardContainer = styled.div<{ $isHidden?: boolean }>`
|
|||
background: var(--card-default-bg);
|
||||
border-radius: var(--card-default-radius);
|
||||
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
||||
pointer-events: auto;
|
||||
|
||||
&:hover {
|
||||
background: var(--card-default-bg-hover);
|
||||
|
|
|
@ -30,6 +30,7 @@ const PosterCardContainer = styled.div<{ $isHidden?: boolean }>`
|
|||
padding: 1rem;
|
||||
overflow: hidden;
|
||||
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
||||
pointer-events: auto;
|
||||
|
||||
.card-controls {
|
||||
opacity: 0;
|
||||
|
|
Reference in a new issue