Assecutor/muh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "style: Improve invoice statistics layout with vertical spacing"

Browse Source 
This reverts commit ce76a29038.
This commit is contained in:
Sven Carstensen
2026-03-17 08:59:53 +01:00
parent ce76a29038
commit b9919828e4
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/InvoiceManagementPage.tsx
View File

@@ -158,34 +158,32 @@ export default function InvoiceManagementPage() {
</div> </div>
</div> </div>
<div className="stats-list" style={{ display: "flex", flexDirection: "column", gap: "1.25rem" }}> <div className="stats-grid">
<div className="stat-card" style={{ display: "flex", alignItems: "center", gap: "1rem", padding: "1.25rem" }}> <div className="stat-card">
<span className="stat-card__value" style={{ fontSize: "2rem", fontWeight: 700, minWidth: "100px" }}> <span className="stat-card__value">{invoices.length}</span>
{invoices.length} <span className="stat-card__label">Gesamtrechnungen</span>
</span>
<span className="stat-card__label" style={{ fontSize: "1rem", color: "var(--text-muted)" }}>Gesamtrechnungen</span>
</div> </div>
<div className="stat-card" style={{ display: "flex", alignItems: "center", gap: "1rem", padding: "1.25rem" }}> <div className="stat-card">
<span className="stat-card__value" style={{ fontSize: "2rem", fontWeight: 700, minWidth: "100px" }}> <span className="stat-card__value">
{invoices.filter((i) => i.status === "PAID").length} {invoices.filter((i) => i.status === "PAID").length}
</span> </span>
<span className="stat-card__label" style={{ fontSize: "1rem", color: "var(--text-muted)" }}>Bezahlt</span> <span className="stat-card__label">Bezahlt</span>
</div> </div>
<div className="stat-card" style={{ display: "flex", alignItems: "center", gap: "1rem", padding: "1.25rem" }}> <div className="stat-card">
<span className="stat-card__value" style={{ fontSize: "2rem", fontWeight: 700, minWidth: "100px" }}> <span className="stat-card__value">
{invoices.filter((i) => i.status === "OVERDUE").length} {invoices.filter((i) => i.status === "OVERDUE").length}
</span> </span>
<span className="stat-card__label" style={{ fontSize: "1rem", color: "var(--text-muted)" }}>Überfällig</span> <span className="stat-card__label">Überfällig</span>
</div> </div>
<div className="stat-card" style={{ display: "flex", alignItems: "center", gap: "1rem", padding: "1.25rem" }}> <div className="stat-card">
<span className="stat-card__value" style={{ fontSize: "2rem", fontWeight: 700, minWidth: "100px" }}> <span className="stat-card__value">
{formatCurrency( {formatCurrency(
invoices invoices
.filter((i) => i.status === "PAID") .filter((i) => i.status === "PAID")
.reduce((sum, i) => sum + i.totalAmount, 0) .reduce((sum, i) => sum + i.totalAmount, 0)
)} )}
</span> </span>
<span className="stat-card__label" style={{ fontSize: "1rem", color: "var(--text-muted)" }}>Gesamtumsatz</span> <span className="stat-card__label">Gesamtumsatz</span>
</div> </div>
</div> </div>
</section> </section>