Adjust CountdownTimer animation`

thesis · Apr 16, 2024 · f60dfb8 · f60dfb8
1 parent 61a9503
commit f60dfb8
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/dapp/src/components/shared/CountdownTimer.tsx b/dapp/src/components/shared/CountdownTimer.tsx
@@ -27,12 +27,13 @@ function CountdownTimerDigit(props: CountdownTimerDigitProps) {
       overflow="hidden"
       {...restProps}
     >
-      <AnimatePresence mode="wait">
+      <AnimatePresence mode="popLayout">
         <motion.div
           key={children}
-          initial={{ y: -42 }}
-          animate={{ y: 0 }}
-          exit={{ y: 42 }}
+          initial={{ y: -32, rotateX: -90, opacity: 1 }}
+          animate={{ y: 0, rotateX: 0, opacity: 1 }}
+          exit={{ y: 32, rotateX: 90, opacity: 0 }}
+          transition={{ type: "spring", mass: 1.05 }}
         >
           {children}
         </motion.div>