style: refine page transitions and remove redundant fade-ins

2026-03-07 09:06:12 +01:00
parent cf5860563e
commit b3f575fe6b
2 changed files with 58 additions and 63 deletions
--- a/components/PageTransition.tsx
+++ b/components/PageTransition.tsx
@@ -24,12 +24,12 @@ export function PageTransition({ children, enabled }: PageTransitionProps) {
    <AnimatePresence mode="wait">
      <motion.div
        key={pathname}
-        initial={{ opacity: 0, y: 10 }}
-        animate={{ opacity: 1, y: 0 }}
-        exit={{ opacity: 0, y: -10 }}
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
        transition={{
-          duration: 0.4,
-          ease: [0.22, 1, 0.36, 1], // Custom "silk-smooth" cubic bezier
+          duration: 0.3,
+          ease: 'easeInOut',
        }}
      >
        {children}