Commit 8a1352c

committed

lowered the layout animation duration and changed the easing

1 parent 2a5055a commit 8a1352cCopy full SHA for 8a1352c

File tree

-3

lines changed

-3

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -60,8 +60,8 @@ const SnippetList = () => {`
`60`	`60`	`},`
`61`	`61`	`}}`
`62`	`62`	`transition={{`
`63`		`- type: "spring",`
`64`		`- duration: shouldReduceMotion ? 0 : 0.5,`
	`63`	`+ ease: [0,0.75,0.25,1],`
	`64`	`+ duration: shouldReduceMotion ? 0 : 0.25,`
`65`	`65`	`}}`
`66`	`66`	`>`
`67`	`67`	`<motion.button`

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,10 @@ const SnippetModal: React.FC<Props> = ({`
`50`	`50`	`className="modal \| flow"`
`51`	`51`	`data-flow-space="lg"`
`52`	`52`	layoutId={`${language}-${snippet.title}`}
`53`		`- transition={{ type: "spring", duration: shouldReduceMotion ? 0 : 0.5 }}`
	`53`	`+ transition={{`
	`54`	`+ ease: [0, 0.75, 0.25, 1],`
	`55`	`+ duration: shouldReduceMotion ? 0 : 0.3,`
	`56`	`+ }}`
`54`	`57`	`>`
`55`	`58`	`<div className="modal__header">`
`56`	`59`	`<h2 className="section-title">{snippet.title}</h2>`

Comments

(0)