From fedb930e79f61d2e0e96d5c7c048d17403d422c9 Mon Sep 17 00:00:00 2001 From: Carter Date: Mon, 31 Mar 2025 15:51:21 -0600 Subject: [PATCH] slightly adjusted animation timings --- src/common/PulseBox.tsx | 1 + src/common/StatusPlenum.tsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/common/PulseBox.tsx b/src/common/PulseBox.tsx index 4703f56..4ac7e6c 100644 --- a/src/common/PulseBox.tsx +++ b/src/common/PulseBox.tsx @@ -20,6 +20,7 @@ const useStyles = makeStyles((_theme: Theme) => ({ animation: '$pulse 2s infinite ease-in-out', pointerEvents: 'none', boxSizing: 'border-box', + transition: "border-color 0.35s ease-in-out", }, }, '@keyframes pulse': { diff --git a/src/common/StatusPlenum.tsx b/src/common/StatusPlenum.tsx index 684b4c4..fb9096e 100644 --- a/src/common/StatusPlenum.tsx +++ b/src/common/StatusPlenum.tsx @@ -41,7 +41,7 @@ export default function StatusPlenum(props: Props) { setColor(colors[newIndex]); // Use the new index here return newIndex; }); - }, 2000); + }, 5000); return () => clearInterval(interval); }, []);