terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

terry-staging #11

Merged
terry merged 37 commits from terry-staging into main 2026-05-29 19:29:58 +00:00
Conversation 0 Commits 37 Files Changed 39 +9 -4
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3d5681e7de - Show all commits

13
src/motion/variants.ts
View File

@@ -41,11 +41,16 @@ export const staggerContainer: Variants = {
}, },
}; };
/** Route enter/exit transition used with AnimatePresence. */ /**
* Route enter/exit transition used with AnimatePresence (mode="wait"). The old
* page is removed instantly (exit duration 0) so it never lingers as a ghost
* frame behind the incoming page; only the new page animates, fading in. This
* keeps a visible transition without any cross-fade overlap.
*/
export const pageTransition: Variants = { export const pageTransition: Variants = {
initial: { opacity: 0, y: 8 }, initial: { opacity: 0 },
enter: { opacity: 1, y: 0, transition: { duration: 0.24, ease: EASE_OUT } }, enter: { opacity: 1, transition: { duration: 0.22, ease: EASE_OUT } },
exit: { opacity: 0, y: -6, transition: { duration: 0.16, ease: EASE_OUT } }, exit: { opacity: 0, transition: { duration: 0 } },
}; };
/** Springy hover lift for cards. Use rest/hover states on an `m` element. */ /** Springy hover lift for cards. Use rest/hover states on an `m` element. */