feat(doc-item): add hover animation to DocItem card
- Added default styling with hover transition - Preserves user-defined `sx` if passed
This commit is contained in:
parent
e3c5e84bb7
commit
b15b4dc3b1
@ -151,6 +151,15 @@ export function DocItem({
|
|||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
sx ??= {
|
||||||
|
cursor: 'pointer',
|
||||||
|
transition: 'transform 0.3s ease, box-shadow 0.3s ease',
|
||||||
|
'&:hover': {
|
||||||
|
transform: 'scale(1.03)',
|
||||||
|
boxShadow: 6,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card sx={sx} {...other}>
|
<Card sx={sx} {...other}>
|
||||||
<Box
|
<Box
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user