mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
re-add page fade in
This commit is contained in:
@@ -5,27 +5,19 @@ import { forwardRef } from 'react';
|
|||||||
|
|
||||||
import styles from './animated-page.module.css';
|
import styles from './animated-page.module.css';
|
||||||
|
|
||||||
|
import { animationProps } from '/@/shared/components/animations/animation-props';
|
||||||
|
|
||||||
interface AnimatedPageProps {
|
interface AnimatedPageProps {
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
}
|
}
|
||||||
|
|
||||||
// const variants = {
|
|
||||||
// animate: { opacity: 1 },
|
|
||||||
// exit: { 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
|
||||||
// animate="animate"
|
|
||||||
className={styles.animatedPage}
|
className={styles.animatedPage}
|
||||||
ref={ref}
|
ref={ref}
|
||||||
// exit="exit"
|
{...animationProps.fadeIn}
|
||||||
// initial="initial"
|
|
||||||
// transition={{ duration: 0.3, ease: 'easeIn' }}
|
|
||||||
// variants={variants}
|
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</motion.main>
|
</motion.main>
|
||||||
|
|||||||
Reference in New Issue
Block a user