From b9ea8f2864fdb2da9cce83905169ffd902d11a36 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Thu, 26 Feb 2026 17:48:22 +0000
Subject: [PATCH] style: cards de contas com grid responsivo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Substitui w-96 fixo por w-full no account-card e flex-wrap por
grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3, mesmo padrão
dos cards de cartões e anotações.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 components/contas/account-card.tsx  | 2 +-
 components/contas/accounts-page.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/contas/account-card.tsx b/components/contas/account-card.tsx
index f080e69..97375a3 100644
--- a/components/contas/account-card.tsx
+++ b/components/contas/account-card.tsx
@@ -71,7 +71,7 @@ export function AccountCard({
 	].filter((action) => typeof action.onClick === "function");
 
 	return (
-		<Card className={cn("h-full w-96 gap-0", className)}>
+		<Card className={cn("h-full w-full gap-0", className)}>
 			<CardContent className="flex flex-1 flex-col gap-4">
 				<div className="flex items-center gap-2">
 					{icon ? (
diff --git a/components/contas/accounts-page.tsx b/components/contas/accounts-page.tsx
index eca7509..e41130f 100644
--- a/components/contas/accounts-page.tsx
+++ b/components/contas/accounts-page.tsx
@@ -133,7 +133,7 @@ export function AccountsPage({
 		}
 
 		return (
-			<div className="flex flex-wrap gap-4">
+			<div className="grid gap-4 grid-cols-1 sm:grid-cols-2 xl:grid-cols-3">
 				{list.map((account) => {
 					const logoSrc = resolveLogoSrc(account.logo);