shiyue/ittoview
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent practice card jitter

Browse Source
This commit is contained in:
ittoview
2026-05-11 09:46:56 +01:00
parent a80fa715c3
commit f0c7145309
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/ProcessPurposePracticePage.tsx
View File

@@ -477,7 +477,6 @@ export default function ProcessPurposePracticePage() {
return ( return (
<motion.section <motion.section
key={item.id} key={item.id}
layout
initial={{ opacity: 0, y: 24, scale: 0.98 }} initial={{ opacity: 0, y: 24, scale: 0.98 }}
animate={{ animate={{
opacity: isCurrent ? 1 : 0.62, opacity: isCurrent ? 1 : 0.62,
@@ -485,7 +484,7 @@ export default function ProcessPurposePracticePage() {
scale: isCurrent ? 1 : 0.975, scale: isCurrent ? 1 : 0.975,
}} }}
exit={{ opacity: 0, y: -16, scale: 0.98 }} 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 ${ className={`rounded-2xl border bg-white p-6 transition-all duration-200 dark:bg-gray-800 ${
isCurrent && correctFeedback 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' ? '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'