fix: prevent practice card jitter
This commit is contained in:
@@ -477,7 +477,6 @@ export default function ProcessPurposePracticePage() {
|
||||
return (
|
||||
<motion.section
|
||||
key={item.id}
|
||||
layout
|
||||
initial={{ opacity: 0, y: 24, scale: 0.98 }}
|
||||
animate={{
|
||||
opacity: isCurrent ? 1 : 0.62,
|
||||
@@ -485,7 +484,7 @@ export default function ProcessPurposePracticePage() {
|
||||
scale: isCurrent ? 1 : 0.975,
|
||||
}}
|
||||
exit={{ opacity: 0, y: -16, scale: 0.98 }}
|
||||
transition={{ duration: 0.28, ease: 'easeOut' }}
|
||||
transition={{ duration: 0.22, ease: 'easeOut' }}
|
||||
className={`rounded-2xl border bg-white p-6 transition-all duration-200 dark:bg-gray-800 ${
|
||||
isCurrent && correctFeedback
|
||||
? 'border-green-300 shadow-lg shadow-green-100/70 ring-2 ring-green-100 dark:border-green-700 dark:shadow-none dark:ring-green-900/40'
|
||||
|
||||
Reference in New Issue
Block a user