git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-06-10 07:16:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(tipografia): adiciona fonte America Medium e padroniza pesos de texto

Browse Source 
Adiciona os arquivos `america-medium.woff2` e `america-bold.woff2` e
registra o weight 500 no `font_index.ts`.

Padroniza o uso de `font-medium` em substituição a `font-semibold` e
`font-bold` em títulos, valores monetários e rótulos de destaque em
todos os componentes do app, landing page e componentes de UI base.

`Card` ganha `hover:border-primary/40` e `CardTitle` recebe `text-base`.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-01 14:14:55 +00:00
parent e32fb85006
commit 0514efb1c4
85 changed files with 195 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/features/payers/components/details/payer-header-card.tsx
View File

@@ -118,7 +118,7 @@ export function PayerHeaderCard({
<div className="flex flex-1 flex-col gap-2">
<div className="flex flex-wrap items-center gap-2">
<CardTitle className="text-xl font-semibold text-foreground">
<CardTitle className="text-xl font-medium text-foreground">
{payer.name}
</CardTitle>
{isAdmin ? (
@@ -197,11 +197,11 @@ export function PayerHeaderCard({
<DialogTitle>Confirmar envio do resumo</DialogTitle>
<DialogDescription>
Resumo de{" "}
<span className="font-semibold text-foreground">
<span className="font-medium text-foreground">
{summary.periodLabel}
</span>{" "}
para{" "}
<span className="font-semibold text-foreground">
<span className="font-medium text-foreground">
{payer.email}
</span>
</DialogDescription>
@@ -218,7 +218,7 @@ export function PayerHeaderCard({
<p className="text-sm font-medium text-muted-foreground">
Total de Despesas
</p>
<p className="text-2xl font-bold text-foreground">
<p className="text-2xl font-medium text-foreground">
{formatCurrency(summary.totalExpenses)}
</p>
</div>
@@ -235,11 +235,11 @@ export function PayerHeaderCard({
<div className="rounded-lg border p-3">
<div className="mb-2 flex items-center gap-2 text-muted-foreground">
<RiBankCard2Line className="size-4" />
<span className="text-xs font-semibold uppercase">
<span className="text-xs font-medium uppercase">
Cartões
</span>
</div>
<p className="text-lg font-bold text-foreground">
<p className="text-lg font-medium text-foreground">
{formatCurrency(summary.paymentSplits.card)}
</p>
</div>
@@ -247,11 +247,11 @@ export function PayerHeaderCard({
<div className="rounded-lg border p-3">
<div className="mb-2 flex items-center gap-2 text-muted-foreground">
<RiBillLine className="size-4" />
<span className="text-xs font-semibold uppercase">
<span className="text-xs font-medium uppercase">
Boletos
</span>
</div>
<p className="text-lg font-bold text-foreground">
<p className="text-lg font-medium text-foreground">
{formatCurrency(summary.paymentSplits.boleto)}
</p>
</div>
@@ -259,11 +259,11 @@ export function PayerHeaderCard({
<div className="rounded-lg border p-3">
<div className="mb-2 flex items-center gap-2 text-muted-foreground">
<RiExchangeDollarLine className="size-4" />
<span className="text-xs font-semibold uppercase">
<span className="text-xs font-medium uppercase">
Pix/Débito
</span>
</div>
<p className="text-lg font-bold text-foreground">
<p className="text-lg font-medium text-foreground">
{formatCurrency(summary.paymentSplits.instant)}
</p>
</div>
@@ -274,7 +274,7 @@ export function PayerHeaderCard({
<div className="rounded-lg border p-3">
<div className="mb-2 flex items-center gap-2">
<RiBankCard2Line className="size-4 text-muted-foreground" />
<span className="text-xs font-semibold uppercase text-muted-foreground">
<span className="text-xs font-medium uppercase text-muted-foreground">
Cartões Utilizados
</span>
</div>
@@ -299,14 +299,14 @@ export function PayerHeaderCard({
<div className="rounded-lg border p-3">
<div className="mb-2 flex items-center gap-2">
<RiBillLine className="size-4 text-muted-foreground" />
<span className="text-xs font-semibold uppercase text-muted-foreground">
<span className="text-xs font-medium uppercase text-muted-foreground">
Status de Boletos
</span>
</div>
<div className="grid gap-2 sm:grid-cols-2">
<div>
<p className="text-xs text-muted-foreground">Pagos</p>
<p className="text-sm font-semibold text-success">
<p className="text-sm font-medium text-success">
{formatCurrency(summary.boletoStats.paidAmount)}{" "}
<span className="text-xs font-normal">
({summary.boletoStats.paidCount})
@@ -317,7 +317,7 @@ export function PayerHeaderCard({
<p className="text-xs text-muted-foreground">
Pendentes
</p>
<p className="text-sm font-semibold text-warning">
<p className="text-sm font-medium text-warning">
{formatCurrency(summary.boletoStats.pendingAmount)}{" "}
<span className="text-xs font-normal">
({summary.boletoStats.pendingCount})