mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +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 { animationProps } from '/@/shared/components/animations/animation-props';
|
||||
|
||||
interface AnimatedPageProps {
|
||||
children: ReactNode;
|
||||
}
|
||||
|
||||
// const variants = {
|
||||
// animate: { opacity: 1 },
|
||||
// exit: { opacity: 0 },
|
||||
// initial: { opacity: 0 },
|
||||
// };
|
||||
|
||||
export const AnimatedPage = forwardRef(
|
||||
({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
|
||||
return (
|
||||
<motion.main
|
||||
// animate="animate"
|
||||
className={styles.animatedPage}
|
||||
ref={ref}
|
||||
// exit="exit"
|
||||
// initial="initial"
|
||||
// transition={{ duration: 0.3, ease: 'easeIn' }}
|
||||
// variants={variants}
|
||||
{...animationProps.fadeIn}
|
||||
>
|
||||
{children}
|
||||
</motion.main>
|
||||
|
||||
Reference in New Issue
Block a user