feat(budget): add month-over-month comparison to summary cards

Each summary card (Einnahmen, Ausgaben, Saldo) now shows a trend line
comparing the current month to the previous one. The previous month's
summary is fetched in parallel via the existing /budget/summary endpoint,
so there is no extra round-trip latency. Positive deltas render in green
(▲), negative in red (▼), unchanged in neutral grey (—).

Closes BL-02.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ulas
2026-03-30 22:54:04 +02:00
parent ca377e8441
commit 26d3d12a22
4 changed files with 55 additions and 12 deletions
+8
View File
@@ -101,6 +101,14 @@
.budget-summary-card--balance-positive .budget-summary-card__amount { color: var(--color-success); }
.budget-summary-card--balance-negative .budget-summary-card__amount { color: var(--color-danger); }
.budget-summary-card__trend {
font-size: var(--text-xs);
margin-top: var(--space-1);
}
.budget-summary-card__trend--positive { color: var(--color-success); }
.budget-summary-card__trend--negative { color: var(--color-danger); }
.budget-summary-card__trend--neutral { color: var(--color-text-secondary); }
/* --------------------------------------------------------
* Kategorien-Diagramm (Canvas)
* -------------------------------------------------------- */