3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-05 04:02:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

🔥 Remove page animations

Browse source
This commit is contained in:
Luke Vella 2023-03-06 09:27:49 +00:00
parent 66361013b4
commit ecd63aea48
1 changed files with 2 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
apps/web/src/components/layouts/standard-layout.tsx
View file

@ -1,5 +1,4 @@
import { AnimatePresence, domMax, LazyMotion, m } from "framer-motion"; import { domMax, LazyMotion, m } from "framer-motion";
import { useRouter } from "next/router";
import React from "react"; import React from "react";
import { DayjsProvider } from "@/utils/dayjs"; import { DayjsProvider } from "@/utils/dayjs";
@ -12,7 +11,6 @@ import { MobileNavigation } from "./standard-layout/mobile-navigation";
const StandardLayout: React.FunctionComponent<{ const StandardLayout: React.FunctionComponent<{
children?: React.ReactNode; children?: React.ReactNode;
}> = ({ children, ...rest }) => { }> = ({ children, ...rest }) => {
const router = useRouter();
return ( return (
<LazyMotion features={domMax}> <LazyMotion features={domMax}>
<UserProvider> <UserProvider>
@ -20,18 +18,7 @@ const StandardLayout: React.FunctionComponent<{
<ModalProvider> <ModalProvider>
<div className={"bg-pattern relative min-h-full"} {...rest}> <div className={"bg-pattern relative min-h-full"} {...rest}>
<MobileNavigation /> <MobileNavigation />
<div className="mx-auto max-w-4xl"> <div className="mx-auto max-w-4xl">{children}</div>
<AnimatePresence initial={false} exitBeforeEnter={true}>
<m.div
key={router.asPath}
initial={{ opacity: 0, y: -50 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -50 }}
>
{children}
</m.div>
</AnimatePresence>
</div>
</div> </div>
</ModalProvider> </ModalProvider>
</DayjsProvider> </DayjsProvider>