From 0dcfc6a91a06b8c6cdcc553dd86298f4afe7534e Mon Sep 17 00:00:00 2001
From: Jake Laderman <jsladerman@gmail.com>
Date: Fri, 20 Sep 2024 14:53:53 -0400
Subject: [PATCH] fix: modal using flyover animations

---
 src/components/Flyover.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
index 2a6e0ba9..a5e06dde 100644
--- a/src/components/Flyover.tsx
+++ b/src/components/Flyover.tsx
@@ -97,19 +97,19 @@ const ModalWrapperSC = styled(ModalWrapper)<{
   height: '100%',
   width: $width,
   minWidth: $minWidth,
-  '@keyframes popIn': {
+  '@keyframes slideIn': {
     from: { transform: 'translateX(100%)', opacity: 0 },
     to: { transform: 'translateX(0)', opacity: 1 },
   },
-  '@keyframes popOut': {
+  '@keyframes slideOut': {
     from: { transform: 'translateX(0)', opacity: 1 },
     to: { transform: 'translateX(100%)', opacity: 0 },
   },
   '&[data-state="open"]': {
-    animation: `popIn ${ANIMATION_SPEED} ease-out`,
+    animation: `slideIn ${ANIMATION_SPEED} ease-out`,
   },
   '&[data-state="closed"]': {
-    animation: `popOut ${ANIMATION_SPEED} ease-out`,
+    animation: `slideOut ${ANIMATION_SPEED} ease-out`,
   },
 }))