phzhik/chain-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

animation fix

Browse Source
This commit is contained in:
Robert 2024-03-08 23:17:31 +07:00
parent c3cde782bb
commit 8139ba86ac
No known key found for this signature in database
GPG Key ID: F631C7FD957D5F22
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/ui/List/Root.tsx
View File

@ -9,10 +9,12 @@ interface RootProps {
export default function Root({ children, className }: RootProps) { export default function Root({ children, className }: RootProps) {
return ( return (
<motion.ul className={cn("", className)}> <motion.ul layout className={cn("", className)}>
<AnimatePresence initial={false}> <AnimatePresence initial={false}>
{Children.map(children, (child, index) => ( {Children.map(children, (child, index) => (
<motion.li <motion.li
layout
className="block"
key={index} key={index}
initial={{ opacity: 0, height: 0 }} initial={{ opacity: 0, height: 0 }}
animate={{ opacity: 1, height: "auto" }} animate={{ opacity: 1, height: "auto" }}