Put back default Dialog animation (#264)

reaviz · Oct 25, 2024 · e71de4f · e71de4f
1 parent 48e8a8d
commit e71de4f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/layers/Dialog/Dialog.tsx b/src/layers/Dialog/Dialog.tsx
@@ -108,9 +108,13 @@ export const Dialog: FC<DialogProps> = ({
         >
           <div id={id} tabIndex={-1}>
             <motion.div
-              {...rest}
+              initial={{ opacity: 0, y: '-20%' }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: '20%' }}
+              transition={{ duration: 0.5, ease: [0.04, 0.62, 0.23, 0.98] }}
               style={{ zIndex: overlayIndex }}
               className={twMerge(theme.base, className)}
+              {...rest}
             >
               <div
                 className={twMerge(theme.inner, innerClassName)}