antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 10:03:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

re-add page fade in

Browse source
This commit is contained in:
jeffvli 2025-06-24 17:48:13 -07:00
parent 8c4a7f4f91
commit 1598642389
1 changed files with 3 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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>