fix(relatorios): ajustar espaçamento dos cards de cartões

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-02-05 16:13:17 +00:00
parent 0249226026
commit 21fac52e28

View File

@@ -98,8 +98,8 @@ export function CardsOverview({ data }: CardsOverviewProps) {
<div className="grid gap-3 grid-cols-2 lg:grid-cols-4"> <div className="grid gap-3 grid-cols-2 lg:grid-cols-4">
{summaryCards.map((card) => ( {summaryCards.map((card) => (
<Card key={card.title}> <Card key={card.title}>
<CardContent className="px-4 py-2"> <CardContent className="px-4">
<p className="text-xs text-muted-foreground mb-1">{card.title}</p> <p className="text-xs text-muted-foreground">{card.title}</p>
{card.isMoney ? ( {card.isMoney ? (
<MoneyValues <MoneyValues
className="text-2xl font-semibold" className="text-2xl font-semibold"
@@ -115,7 +115,7 @@ export function CardsOverview({ data }: CardsOverviewProps) {
))} ))}
</div> </div>
<p className="text-base font-bold ml-2">Meus cartões</p> <p className="text-base font-bold ml-2 py-2">Meus cartões</p>
{/* Cards list */} {/* Cards list */}
<div className="grid gap-2 grid-cols-2 lg:grid-cols-4 xl:grid-cols-4"> <div className="grid gap-2 grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
@@ -127,7 +127,7 @@ export function CardsOverview({ data }: CardsOverviewProps) {
return ( return (
<Card <Card
key={card.id} key={card.id}
className={cn("px-1 py-4", isSelected && "ring-1 ring-primary")} className={cn("px-1 py-1", isSelected && "ring-1 ring-primary")}
> >
<Link <Link
href={buildUrl(card.id)} href={buildUrl(card.id)}