mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 21:10:59 +00:00
fix(insights): suppress recommendation-card hover lift under reduced motion
The recommendation cards carry `transition-all md:hover:-translate-y-0.5` for a subtle lift on pointer hover. Motion-sensitive users got the full transform with no opt-out. Pair the hover with `motion-reduce:transition-none motion-reduce:hover:translate-y-0` so the card stays put when the user asks for less motion.
This commit is contained in:
1 parent
fb4037ed96
commit
60b86f1ec9
1 file changed
+1
-1
@@ -101,7 +101,7 @@ export function RecommendationsGrid({ recs }: RecommendationsGridProps) {
|
||||
}
|
||||
data-stagger-index={index}
|
||||
role="listitem"
|
||||
className={`animate-insight-in transition-all md:hover:-translate-y-0.5 md:hover:shadow-lg ${borderClass} rounded-lg border-l-2`}
|
||||
className={`animate-insight-in transition-all md:hover:-translate-y-0.5 md:hover:shadow-lg ${borderClass} rounded-lg border-l-2 motion-reduce:transition-none motion-reduce:hover:translate-y-0`}
|
||||
style={{ animationDelay: `${index * STAGGER_INTERVAL_MS}ms` }}
|
||||
>
|
||||
<RecommendationCard rec={rec} index={index} />
|
||||
|
||||
Reference in new issue
Block a user