Gladyson/openmonetis
1
0
Fork 0
forked from git.gladyson/openmonetis
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: adjust padding and layout in various dashboard widgets for improved UI consistency

Browse Source
This commit is contained in:
Felipe Coutinho
2025-12-02 13:54:13 +00:00
parent 9cf89829f6
commit 9d03387079
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/dashboard/recurring-expenses-widget.tsx
View File

@@ -37,12 +37,12 @@ export function RecurringExpensesWidget({
return (
<li
key={expense.id}
className="flex items-start gap-3 border-b border-dashed pb-2 last:border-b-0 last:pb-0"
className="flex items-center gap-3 border-b border-dashed pb-2 last:border-b-0 last:pb-0"
>
<EstabelecimentoLogo name={expense.name} size={38} />
<div className="min-w-0 flex-1">
<div className="flex items-center justify-between gap-2">
<div className="flex items-center justify-between">
<p className="truncate text-foreground text-sm font-medium">
{expense.name}
</p>
@@ -50,11 +50,11 @@ export function RecurringExpensesWidget({
<MoneyValues amount={expense.amount} />
</div>
<div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
<div className="flex items-center justify-between text-xs text-muted-foreground">
<span className="inline-flex items-center gap-1">
{expense.paymentMethod}
</span>
-<span>{formatOccurrences(expense.recurrenceCount)}</span>
<span>{formatOccurrences(expense.recurrenceCount)}</span>
</div>
</div>
</li>