Switch axis for loading animation

dcramer · May 9, 2023 · f613089 · f613089
1 parent 4248784
commit f613089
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/web/src/components/layout.tsx b/apps/web/src/components/layout.tsx
@@ -48,14 +48,14 @@ export default function Layout({
  <AnimatePresence>
  <motion.div
  key={location.pathname}
- initial={{ x: 100, opacity: 0 }}
+ initial={{ y: 100, opacity: 0 }}
  animate={{
- x: 0,
+ y: 0,
  opacity: 1,
  transition: { duration: 0.5, ease: "easeInOut" },
  }}
  exit={{
- x: -100,
+ y: -100,
  opacity: 0,
  transition: { duration: 0.5, ease: "easeInOut" },
  }}