git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-07-09 19:36:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: prepara versao 2.7.7

Browse Source
This commit is contained in:
Felipe Coutinho
2026-06-20 14:57:18 -03:00
parent 4b5cdf81b8
commit 129295d2e2
27 changed files with 414 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/features/accounts/components/account-statement-card.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { RiInformationLine } from "@remixicon/react";
import { RiBankLine, RiInformationLine } from "@remixicon/react";
import Image from "next/image";
import type { ReactNode } from "react";
import MoneyValues from "@/shared/components/money-values";
@@ -52,28 +52,32 @@ export function AccountStatementCard({
const resultado = totalIncomes - totalExpenses;
return (
<Card className="gap-0 py-0">
<Card className="gap-0 py-0 space-y-2">
<CardContent className="px-4 py-4 sm:px-5 sm:py-5">
<div className="flex flex-col gap-4">
{/* Linha 1 — identidade */}
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 items-center gap-3">
<div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
<div className="flex min-w-0 items-start gap-3">
{logoPath ? (
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full">
<Image
src={logoPath}
alt={`Logo ${accountName}`}
width={42}
height={42}
width={48}
height={48}
className="h-full w-full object-contain"
/>
</div>
) : null}
<div className="min-w-0">
<h2 className="truncate text-sm font-semibold text-foreground">
) : (
<span className="flex size-12 shrink-0 items-center justify-center rounded-full border bg-card text-primary">
<RiBankLine className="size-5" aria-hidden />
</span>
)}
<div className="min-w-0 space-y-1">
<h2 className="truncate text-xl font-semibold text-foreground sm:text-2xl">
{accountName}
</h2>
<p className="text-xs text-muted-foreground">
<p className="text-sm leading-relaxed text-muted-foreground">
Extrato de {periodLabel}
</p>
</div>