diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
| commit | f66b12fd1d0b83af0d7230d7b1565fbe00afbe3c (patch) | |
| tree | 253dcf854a3c92e09ca846e86a09e5b4c5d16be1 /src/core/components/layouts | |
| parent | 3c559031623649a67825ff47f34512f0eb946861 (diff) | |
prettier
Diffstat (limited to 'src/core/components/layouts')
| -rw-r--r-- | src/core/components/layouts/AnimationLayout.jsx | 28 | ||||
| -rw-r--r-- | src/core/components/layouts/AppLayout.jsx | 10 | ||||
| -rw-r--r-- | src/core/components/layouts/BasicLayout.jsx | 12 |
3 files changed, 25 insertions, 25 deletions
diff --git a/src/core/components/layouts/AnimationLayout.jsx b/src/core/components/layouts/AnimationLayout.jsx index cf2b06d5..357187b2 100644 --- a/src/core/components/layouts/AnimationLayout.jsx +++ b/src/core/components/layouts/AnimationLayout.jsx @@ -1,22 +1,24 @@ import { motion } from 'framer-motion' const AnimationLayout = ({ children, ...props }) => { - const transition = { - ease: 'easeIn', + const transition = { + ease: 'easeIn', duration: 0.3 } - return children && ( - <motion.main - initial={{ opacity: 0, x: 0, y: 0 }} - animate={{ opacity: 1, x: 0, y: 0 }} - exit={{ opacity: 0, x: 30, y: 0 }} - transition={transition} - {...props} - > - { children } - </motion.main> + return ( + children && ( + <motion.main + initial={{ opacity: 0, x: 0, y: 0 }} + animate={{ opacity: 1, x: 0, y: 0 }} + exit={{ opacity: 0, x: 30, y: 0 }} + transition={transition} + {...props} + > + {children} + </motion.main> + ) ) } -export default AnimationLayout
\ No newline at end of file +export default AnimationLayout diff --git a/src/core/components/layouts/AppLayout.jsx b/src/core/components/layouts/AppLayout.jsx index 3e986477..3e3c8ee5 100644 --- a/src/core/components/layouts/AppLayout.jsx +++ b/src/core/components/layouts/AppLayout.jsx @@ -1,15 +1,15 @@ -import AppBar from "../elements/Appbar/Appbar" -import AnimationLayout from "./AnimationLayout" +import AppBar from '../elements/Appbar/Appbar' +import AnimationLayout from './AnimationLayout' const AppLayout = ({ children, title }) => { return ( <> <AnimationLayout> - <AppBar title={title}/> - { children } + <AppBar title={title} /> + {children} </AnimationLayout> </> ) } -export default AppLayout
\ No newline at end of file +export default AppLayout diff --git a/src/core/components/layouts/BasicLayout.jsx b/src/core/components/layouts/BasicLayout.jsx index 98134b32..6f176737 100644 --- a/src/core/components/layouts/BasicLayout.jsx +++ b/src/core/components/layouts/BasicLayout.jsx @@ -1,17 +1,15 @@ -import dynamic from "next/dynamic" +import dynamic from 'next/dynamic' -const Navbar = dynamic(() => import("../elements/Navbar/Navbar")) -const AnimationLayout = dynamic(() => import("./AnimationLayout")) +const Navbar = dynamic(() => import('../elements/Navbar/Navbar')) +const AnimationLayout = dynamic(() => import('./AnimationLayout')) const BasicLayout = ({ children }) => { return ( <> <Navbar /> - <AnimationLayout> - { children } - </AnimationLayout> + <AnimationLayout>{children}</AnimationLayout> </> ) } -export default BasicLayout
\ No newline at end of file +export default BasicLayout |
