slightly adjusted animation timings
This commit is contained in:
parent
c567a83da2
commit
fedb930e79
2 changed files with 2 additions and 1 deletions
|
|
@ -20,6 +20,7 @@ const useStyles = makeStyles((_theme: Theme) => ({
|
||||||
animation: '$pulse 2s infinite ease-in-out',
|
animation: '$pulse 2s infinite ease-in-out',
|
||||||
pointerEvents: 'none',
|
pointerEvents: 'none',
|
||||||
boxSizing: 'border-box',
|
boxSizing: 'border-box',
|
||||||
|
transition: "border-color 0.35s ease-in-out",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
'@keyframes pulse': {
|
'@keyframes pulse': {
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ export default function StatusPlenum(props: Props) {
|
||||||
setColor(colors[newIndex]); // Use the new index here
|
setColor(colors[newIndex]); // Use the new index here
|
||||||
return newIndex;
|
return newIndex;
|
||||||
});
|
});
|
||||||
}, 2000);
|
}, 5000);
|
||||||
|
|
||||||
return () => clearInterval(interval);
|
return () => clearInterval(interval);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue