Gladyson/openmonetis
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: cards de contas com grid responsivo

Browse Source 
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>
This commit is contained in:
Felipe Coutinho
2026-02-26 17:48:22 +00:00
parent 29b3bc1086
commit b9ea8f2864
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/contas/account-card.tsx
View File

@@ -71,7 +71,7 @@ export function AccountCard({
].filter((action) => typeof action.onClick === "function"); ].filter((action) => typeof action.onClick === "function");
return ( 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"> <CardContent className="flex flex-1 flex-col gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{icon ? ( {icon ? (

2
components/contas/accounts-page.tsx
View File

@@ -133,7 +133,7 @@ export function AccountsPage({
} }
return ( 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) => { {list.map((account) => {
const logoSrc = resolveLogoSrc(account.logo); const logoSrc = resolveLogoSrc(account.logo);