style(ui): padronizar tipografia — font-medium para font-semibold

Padronização de peso tipográfico em títulos, rótulos de seção,
nomes de entidades e valores monetários em toda a interface.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-11 17:51:34 +00:00
parent 3bd8117b65
commit e8cc673e52
111 changed files with 361 additions and 272 deletions

View File

@@ -54,6 +54,7 @@ function AttachmentPreview({
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent
showCloseButton={false}
aria-describedby={undefined}
className="flex h-[92vh] w-[min(96vw,1400px)] max-w-none flex-col gap-0 overflow-hidden p-0 sm:p-0"
>
<DialogHeader className="flex-row items-center justify-between gap-3 border-b px-4 py-3 sm:px-5">

View File

@@ -44,8 +44,10 @@ export function AttachmentSection({
} = useTransactionAttachments(transactionId);
useEffect(() => {
onLoaded?.(items.length);
}, [items.length, onLoaded]);
if (!isLoading) {
onLoaded?.(items.length);
}
}, [items.length, isLoading, onLoaded]);
const invalidateAttachments = () => {
void queryClient.invalidateQueries({

View File

@@ -342,21 +342,21 @@ export function AnticipateInstallmentsDialog({
{/* Seção 3: Resumo */}
{selectedIds.length > 0 && (
<div className="rounded-lg border bg-muted/20 p-3">
<h4 className="text-sm font-medium mb-2">Resumo</h4>
<h4 className="text-sm font-semibold mb-2">Resumo</h4>
<dl className="space-y-1.5 text-sm">
<div className="flex items-center justify-between">
<dt className="text-muted-foreground">
{selectedIds.length} parcela
{selectedIds.length > 1 ? "s" : ""}
</dt>
<dd className="font-medium tabular-nums">
<dd className="font-medium">
<MoneyValues amount={totalAmount} className="text-sm" />
</dd>
</div>
{Number(formState.discount) > 0 && (
<div className="flex items-center justify-between">
<dt className="text-muted-foreground">Desconto</dt>
<dd className="font-medium tabular-nums text-success">
<dd className="font-medium text-success">
-{" "}
<MoneyValues
amount={Number(formState.discount)}
@@ -367,7 +367,7 @@ export function AnticipateInstallmentsDialog({
)}
<div className="flex items-center justify-between border-t pt-1.5">
<dt className="font-medium">Total</dt>
<dd className="text-base font-medium tabular-nums text-primary">
<dd className="text-base font-semibold text-primary">
<MoneyValues amount={finalAmount} className="text-sm" />
</dd>
</div>

View File

@@ -116,7 +116,7 @@ export function InstallmentSelectionTable({
<TableCell className="text-muted-foreground">
{formatDate(inst.dueDate)}
</TableCell>
<TableCell className="text-right font-medium tabular-nums">
<TableCell className="text-right font-medium">
<MoneyValues amount={Number(inst.amount)} />
</TableCell>
</TableRow>

View File

@@ -279,7 +279,7 @@ export function MassAddDialog({
<div className="space-y-4">
{/* Fixed Fields Section */}
<div className="space-y-4">
<h3 className="text-sm font-medium">Valores Padrão</h3>
<h3 className="text-sm font-semibold">Valores Padrão</h3>
<div className="grid gap-3 grid-cols-1 sm:grid-cols-3">
{/* Transaction Type */}
<div className="space-y-2">
@@ -452,7 +452,7 @@ export function MassAddDialog({
{/* Transactions Section */}
<div className="space-y-4">
<h3 className="text-sm font-medium">Lançamentos</h3>
<h3 className="text-sm font-semibold">Lançamentos</h3>
<div className="space-y-3">
{transactions.map((transaction, index) => (

View File

@@ -88,7 +88,7 @@ export function TransactionDetailsDialog({
<p className="text-xs uppercase tracking-wide text-muted-foreground">
Resumo
</p>
<p className="mt-1 text-2xl font-medium">
<p className="mt-1 text-2xl font-semibold">
{currencyFormatter.format(valorTotal)}
</p>
</div>
@@ -116,7 +116,7 @@ export function TransactionDetailsDialog({
</section>
<section className="space-y-2">
<h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Detalhes
</h3>
<ul className="min-w-0 grid gap-2 rounded-lg border p-3">
@@ -167,7 +167,7 @@ export function TransactionDetailsDialog({
</section>
<section className="space-y-2">
<h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Valores
</h3>
<ul className="min-w-0 grid gap-2 rounded-lg border p-3">
@@ -207,7 +207,7 @@ export function TransactionDetailsDialog({
{transaction.note ? (
<section className="space-y-2">
<h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Notas
</h3>
<div className="rounded-lg border p-3 text-foreground">
@@ -218,7 +218,7 @@ export function TransactionDetailsDialog({
{attachmentCount !== 0 && (
<section className="space-y-2">
<h3 className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
<h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Anexos
</h3>
<div className="min-w-0">

View File

@@ -131,7 +131,7 @@ export function ReviewTable({
aria-label={`Selecionar ${row.description}`}
/>
</TableCell>
<TableCell className="text-muted-foreground text-sm tabular-nums">
<TableCell className="text-muted-foreground text-sm">
{formatDate(row.date)}
</TableCell>
<TableCell className="max-w-[200px] text-sm">
@@ -204,7 +204,7 @@ export function ReviewTable({
}
/>
</TableCell>
<TableCell className="text-right tabular-nums text-sm">
<TableCell className="text-right text-sm">
<MoneyValues
amount={
row.transactionType === "expense"

View File

@@ -84,7 +84,7 @@ export function AnticipationCard({
<dl className="grid grid-cols-2 gap-3 text-sm">
<div>
<dt className="text-muted-foreground">Valor Original</dt>
<dd className="mt-1 font-medium tabular-nums">
<dd className="mt-1 font-medium">
<MoneyValues amount={Number(anticipation.totalAmount)} />
</dd>
</div>
@@ -92,7 +92,7 @@ export function AnticipationCard({
{Number(anticipation.discount) > 0 && (
<div>
<dt className="text-muted-foreground">Desconto</dt>
<dd className="mt-1 font-medium tabular-nums text-success">
<dd className="mt-1 font-medium text-success">
- <MoneyValues amount={Number(anticipation.discount)} />
</dd>
</div>
@@ -110,7 +110,7 @@ export function AnticipationCard({
? "Valor Final"
: "Valor Total"}
</dt>
<dd className="mt-1 text-lg font-medium tabular-nums text-primary">
<dd className="mt-1 text-lg font-semibold text-primary">
<MoneyValues
amount={
Number(anticipation.totalAmount) < 0