feat: opacity-only page transition + sliding indicator on all sub-tabs

2026-03-10 00:18:52 +01:00
parent b88f4d438b
commit 628749a416
4 changed files with 37 additions and 13 deletions
--- a/app/sites/[id]/SiteLayoutShell.tsx
+++ b/app/sites/[id]/SiteLayoutShell.tsx
@@ -21,10 +21,10 @@ export default function SiteLayoutShell({
      <AnimatePresence mode="popLayout">
        <motion.div
          key={pathname}
-          initial={{ opacity: 0, y: 6 }}
-          animate={{ opacity: 1, y: 0 }}
-          exit={{ opacity: 0, y: -6 }}
-          transition={{ duration: 0.15, ease: 'easeInOut' }}
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          transition={{ duration: 0.2, ease: 'easeOut' }}
        >
          {children}
        </motion.div>