pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove page fade in transition

Browse source
This commit is contained in:
jeffvli 2023-09-25 16:12:51 -07:00
parent 62794623a3
commit f7cacd2b73
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/renderer/features/shared/components/animated-page.tsx
View file

@ -7,23 +7,23 @@ interface AnimatedPageProps {
children: ReactNode; children: ReactNode;
} }
const variants = { // const variants = {
animate: { opacity: 1 }, // animate: { opacity: 1 },
exit: { opacity: 0 }, // exit: { opacity: 0 },
initial: { opacity: 0 }, // initial: { opacity: 0 },
}; // };
export const AnimatedPage = forwardRef( export const AnimatedPage = forwardRef(
({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => { ({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
return ( return (
<motion.main <motion.main
ref={ref} ref={ref}
animate="animate" // animate="animate"
className={styles.animatedPage} className={styles.animatedPage}
exit="exit" // exit="exit"
initial="initial" // initial="initial"
transition={{ duration: 0.3, ease: 'easeIn' }} // transition={{ duration: 0.3, ease: 'easeIn' }}
variants={variants} // variants={variants}
> >
{children} {children}
</motion.main> </motion.main>