Compare commits

...

2 Commits

Author SHA1 Message Date
Eduardo Lopes 58e2b6515a
Merge 864ec5baf0 into 3584d4a373 2026-01-22 20:21:53 -03:00
Eduardo Lopes 864ec5baf0 Tighten KPI label/value spacing 2026-01-22 20:03:47 -03:00
2 changed files with 7 additions and 3 deletions

View File

@ -115,7 +115,7 @@
<!-- KPIs --> <!-- KPIs -->
<div class="fat-kpis mt-4 animate-fade-in"> <div class="fat-kpis mt-4 animate-fade-in">
<div class="kpi kpi-stack"> <div class="kpi kpi-stack kpi-stack-tight">
<span class="lbl">Total Clientes</span> <span class="lbl">Total Clientes</span>
<span class="val"> <span class="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span> <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@ -123,7 +123,7 @@
</span> </span>
</div> </div>
<div class="kpi kpi-stack"> <div class="kpi kpi-stack kpi-stack-tight">
<span class="lbl">Total Linhas</span> <span class="lbl">Total Linhas</span>
<span class="val"> <span class="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span> <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@ -147,7 +147,7 @@
</span> </span>
</div> </div>
<div class="kpi kpi-stack"> <div class="kpi kpi-stack kpi-stack-tight">
<span class="lbl text-brand">Lucro</span> <span class="lbl text-brand">Lucro</span>
<span class="val"> <span class="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span> <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>

View File

@ -465,6 +465,10 @@
} }
} }
.kpi-stack-tight {
gap: 2px;
}
.kpi-compact { .kpi-compact {
padding: 6px 12px; padding: 6px 12px;
min-height: 56px; min-height: 56px;