Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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