EduardoDev
/
line-gestao-frontend
mirror of https://github.com/eduardolopesx03/line-gestao-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tighten KPI label/value spacing

This commit is contained in:
Eduardo Lopes 2026-01-22 20:03:47 -03:00
parent 9f08fac60a
commit 864ec5baf0
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/pages/faturamento/faturamento.html
View File

@ -115,7 +115,7 @@
<!-- KPIs -->
<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="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@ -123,7 +123,7 @@
</span>
</div>
<div class="kpi kpi-stack">
<div class="kpi kpi-stack kpi-stack-tight">
<span class="lbl">Total Linhas</span>
<span class="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@ -147,7 +147,7 @@
</span>
</div>
<div class="kpi kpi-stack">
<div class="kpi kpi-stack kpi-stack-tight">
<span class="lbl text-brand">Lucro</span>
<span class="val">
<span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>

4
src/app/pages/faturamento/faturamento.scss
View File

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