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

@@ -216,12 +216,12 @@ export function PayerDialog({
});
};
const title = mode === "create" ? "Nova pessoa" : "Editar pessoa";
const title = mode === "create" ? "Nova pessoa" : "Atualizar pessoa";
const description =
mode === "create"
? "Selecione um avatar e informe os detalhes para criar uma nova pessoa."
: "Atualize os detalhes da pessoa selecionada.";
const submitLabel = mode === "create" ? "Salvar pessoa" : "Atualizar pessoa";
const submitLabel = mode === "create" ? "Salvar" : "Atualizar";
const isUploadSelected =
uploadedAvatar !== null && formState.avatarUrl === uploadedAvatar;

View File

@@ -151,8 +151,8 @@ export function PayersPage({ payers, avatarOptions }: PayersPageProps) {
{orderedPayers.length === 0 ? (
<div className="flex min-h-[320px] items-center justify-center rounded-lg border border-dashed bg-muted/30">
<div className="max-w-sm text-center text-sm text-muted-foreground">
Cadastre seu primeira pessoa para organizar cobranças e
pagamentos recorrentes.
Cadastre seu primeira pessoa para organizar cobranças e pagamentos
recorrentes.
</div>
</div>
) : (
@@ -186,7 +186,7 @@ export function PayersPage({ payers, avatarOptions }: PayersPageProps) {
onOpenChange={handleRemoveOpenChange}
title={removeTitle}
description="Ao remover esta pessoa, os registros relacionados a ele deixarão de ser associados automaticamente."
confirmLabel="Remover pessoa"
confirmLabel="Remover"
pendingLabel="Removendo..."
confirmVariant="destructive"
onConfirm={handleRemoveConfirm}