style(notes): polimento visual nas tarefas e modal de detalhes

Ícone de tarefa concluída em card e detalhes simplificado para
RiCheckLine verde sem caixa. Checkbox no modal de edição usa bg/border
success com texto success-foreground (claro no light, escuro no dark).
Footer do modal de detalhes reordenado: Cancelar à esquerda, Alterar
primário à direita.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-20 19:23:36 +00:00
parent c41fafc319
commit cbc17c8513
22 changed files with 52 additions and 66 deletions

View File

@@ -97,15 +97,11 @@ export function NoteCard({
<div className="min-h-0 flex-1 space-y-2 overflow-hidden">
{sortedTasks.slice(0, 5).map((task) => (
<div key={task.id} className="flex items-start gap-2 text-sm">
<div
className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border ${
task.completed
? "bg-success border-success"
: "border-input"
}`}
>
{task.completed && (
<RiCheckLine className="h-3 w-3 text-background" />
<div className="mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center">
{task.completed ? (
<RiCheckLine className="h-4 w-4 text-success" />
) : (
<div className="h-4 w-4 rounded-sm border border-input" />
)}
</div>
<span