soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tune guest route transition animations
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details
tests / ui (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Codex Agent
2026-01-14 11:30:03 +01:00
parent 693540f609
commit 5bdc15d399
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/guest/components/RouteTransition.tsx
View File

@@ -72,17 +72,17 @@ export default function RouteTransition({ children }: { children?: React.ReactNo
}; };
const tabVariants = { const tabVariants = {
enter: { opacity: 0, scale: 0.985 }, enter: { opacity: 0, y: 8 },
center: { opacity: 1, scale: 1 }, center: { opacity: 1, y: 0 },
exit: { opacity: 0, scale: 0.985 }, exit: { opacity: 0, y: -8 },
}; };
const transition = kind === 'tab' const transition = kind === 'tab'
? { duration: 0.18, ease: [0.22, 0.61, 0.36, 1] } ? { duration: 0.22, ease: [0.22, 0.61, 0.36, 1] }
: { duration: 0.24, ease: [0.25, 0.8, 0.25, 1] }; : { duration: 0.28, ease: [0.25, 0.8, 0.25, 1] };
return ( return (
<AnimatePresence initial={false}> <AnimatePresence initial={false} mode="wait">
<motion.div <motion.div
key={location.pathname} key={location.pathname}
custom={{ direction }} custom={{ direction }}