Files
OpenFlare/frontend/components/layout/transition.tsx
T
ryan 63cd906cfc refactor(repo): consolidate openflare-server to root and move subprojects to internal/apps
- Merge all files inside openflare-server to the repository root directory.
- Relocate agent, relay, and flared subprojects from internal/ to internal/apps/.
- Combine docker-compose files and update build context paths to root.
- Update GitHub workflows and Dockerfiles to refer to new directories and package names.
- Rewrite Go package imports across all files.
- Resolve database renew test race condition and clean up docs.
2026-06-19 14:23:29 +08:00

31 lines
614 B
TypeScript

import {motion} from "motion/react"
/**
* 页面过渡组件
* 用于统一显示页面过渡效果
*
* @example
* ```tsx
* <PageTransition>
* <div>内容</div>
* </PageTransition>
* ```
* @param {React.ReactNode} children - 页面过渡组件的子元素
* @returns {React.ReactNode} 页面过渡组件
*/
export function PageTransition({ children }: { children: React.ReactNode }) {
return (
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{
duration: 0.6,
ease: "easeOut",
}}
>
{children}
</motion.div>
)
}