From a7268d8f057c7b6bf0654096fe3e3ff866ed0522 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Sat, 11 Apr 2026 17:51:17 +0000
Subject: [PATCH] =?UTF-8?q?feat(inbox):=20redesenho=20do=20card=20de=20pr?=
 =?UTF-8?q?=C3=A9-lan=C3=A7amento?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Logo maior (40px), nome do app em font-semibold, data em linha
separada e valor monetário em destaque — melhor hierarquia visual.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/features/inbox/components/inbox-card.tsx | 45 +++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/features/inbox/components/inbox-card.tsx b/src/features/inbox/components/inbox-card.tsx
index 8de995b..57d93bc 100644
--- a/src/features/inbox/components/inbox-card.tsx
+++ b/src/features/inbox/components/inbox-card.tsx
@@ -104,11 +104,11 @@ export const InboxCard = memo(function InboxCard({
 
 	return (
 		<Card
-			className={`flex h-54 flex-col gap-0 py-0 transition-colors ${selected ? "ring-2 ring-primary" : ""}`}
+			className={`flex h-54 flex-col gap-0 py-0 transition-colors ${selected ? "ring-2 ring-primary/30" : ""}`}
 		>
 			<CardHeader className="pt-4">
-				<div className="flex items-center justify-between gap-2">
-					<CardTitle className="flex min-w-0 items-center gap-1.5 text-sm">
+				<div className="flex items-center justify-between">
+					<CardTitle className="flex min-w-0 items-center gap-3 text-sm">
 						{onSelectToggle && (
 							<Checkbox
 								checked={!!selected}
@@ -117,29 +117,34 @@ export const InboxCard = memo(function InboxCard({
 								className="shrink-0"
 							/>
 						)}
-						<div className="relative size-8 shrink-0 overflow-hidden rounded-full">
+						<div className="relative shrink-0 overflow-hidden ">
 							<Image
 								src={displayLogo}
-								alt=""
-								fill
-								sizes="32px"
-								className="object-cover"
+								alt={item.sourceAppName || item.sourceApp}
+								width={40}
+								height={40}
+								className="size-10 rounded-full object-cover"
 							/>
 						</div>
-						<span className="truncate">
-							{item.sourceAppName || item.sourceApp}
-						</span>
-						<Tooltip>
-							<TooltipTrigger asChild>
-								<span className="shrink-0 cursor-default text-xs font-normal text-muted-foreground underline decoration-dotted underline-offset-2">
-									{timeAgo}
-								</span>
-							</TooltipTrigger>
-							<TooltipContent>{fullDate}</TooltipContent>
-						</Tooltip>
+						<div className="flex min-w-0 flex-col">
+							<span className="truncate font-semibold text-base">
+								{item.sourceAppName || item.sourceApp}
+							</span>
+							<Tooltip>
+								<TooltipTrigger asChild>
+									<span className="cursor-default text-xs text-muted-foreground underline decoration-dotted underline-offset-2">
+										{timeAgo}
+									</span>
+								</TooltipTrigger>
+								<TooltipContent>{fullDate}</TooltipContent>
+							</Tooltip>
+						</div>
 					</CardTitle>
 					{amount !== null && (
-						<MoneyValues amount={amount} className="shrink-0 text-sm" />
+						<MoneyValues
+							amount={amount}
+							className="shrink-0 text-base font-semibold"
+						/>
 					)}
 				</div>
 			</CardHeader>