mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
Add pointer-events to grid card components
- Prevent delay on hover event
This commit is contained in:
@@ -32,6 +32,7 @@ const DefaultCardContainer = styled.div<{ $isHidden?: boolean }>`
|
|||||||
background: var(--card-default-bg);
|
background: var(--card-default-bg);
|
||||||
border-radius: var(--card-default-radius);
|
border-radius: var(--card-default-radius);
|
||||||
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
||||||
|
pointer-events: auto;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--card-default-bg-hover);
|
background: var(--card-default-bg-hover);
|
||||||
|
|||||||
@@ -30,6 +30,7 @@ const PosterCardContainer = styled.div<{ $isHidden?: boolean }>`
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
opacity: ${({ $isHidden }) => ($isHidden ? 0 : 1)};
|
||||||
|
pointer-events: auto;
|
||||||
|
|
||||||
.card-controls {
|
.card-controls {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user