feat: add Framer Motion animations with spring physics and reduced-motion support

2026-02-15 19:17:52 +02:00
parent e020ba6e8b
commit e2ce484955
5 changed files with 30 additions and 12 deletions
--- a/src/components/card-detail/ChecklistSection.tsx
+++ b/src/components/card-detail/ChecklistSection.tsx
@@ -134,10 +134,10 @@ function ChecklistRow({ item, onToggle, onUpdate, onDelete }: ChecklistRowProps)
            setDraft(item.text);
            setEditing(true);
          }}
-          className={`flex-1 cursor-pointer text-sm ${
+          className={`flex-1 cursor-pointer text-sm transition-all duration-200 ${
            item.checked
-              ? "line-through text-pylon-text-secondary"
-              : "text-pylon-text"
+              ? "line-through text-pylon-text-secondary opacity-60"
+              : "text-pylon-text opacity-100"
          }`}
        >
          {item.text}