fix(app): remove blur from todos

This commit is contained in:
Adam
2026-03-04 07:43:28 -06:00
parent 64b21135f9
commit a69742ccb2
@@ -281,10 +281,8 @@ function TodoList(props: { todos: Todo[]; open: boolean }) {
style={{ style={{
"--checkbox-align": "flex-start", "--checkbox-align": "flex-start",
"--checkbox-offset": "1px", "--checkbox-offset": "1px",
transition: transition: "opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
"opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), filter 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
opacity: todo().status === "pending" ? "0.94" : "1", opacity: todo().status === "pending" ? "0.94" : "1",
filter: todo().status === "pending" ? "blur(0.3px)" : "blur(0px)",
}} }}
> >
<TextStrikethrough <TextStrikethrough
@@ -294,13 +292,12 @@ function TodoList(props: { todos: Todo[]; open: boolean }) {
style={{ style={{
"line-height": "var(--line-height-normal)", "line-height": "var(--line-height-normal)",
transition: transition:
"color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), filter 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))", "color 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)), opacity 220ms var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1))",
color: color:
todo().status === "completed" || todo().status === "cancelled" todo().status === "completed" || todo().status === "cancelled"
? "var(--text-weak)" ? "var(--text-weak)"
: "var(--text-strong)", : "var(--text-strong)",
opacity: todo().status === "pending" ? "0.92" : "1", opacity: todo().status === "pending" ? "0.92" : "1",
filter: todo().status === "pending" ? "blur(0.3px)" : "blur(0px)",
}} }}
/> />
</Checkbox> </Checkbox>