feat(todo): transition colors and opacity

CostasAK · Jul 25, 2024 · eb844f6 · eb844f6
1 parent bd2e1b7
commit eb844f6
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/routes/checklist.tsx b/src/routes/checklist.tsx
@@ -292,7 +292,7 @@ function Todo({ name, reset, period = 0 }: TodoProps) {
       key={name}
       htmlFor={name}
       className={cn(
-        "flex cursor-pointer flex-row items-center gap-2 border-t border-t-neutral-725 p-4 hover:bg-neutral-750",
+        "flex cursor-pointer flex-row items-center gap-2 border-t border-t-neutral-725 p-4 transition-all hover:bg-neutral-750 active:transition-none",
         completion > 0 && "italic opacity-50",
       )}
       style={{ order: nextReset / MINUTE + (completion > 0 ? 10 * YEAR : 0) }}