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

Compact Total Clientes/Linhas KPIs

This commit is contained in:
Eduardo Lopes 2026-01-22 19:04:51 -03:00
parent d76ca6fbc9
commit e4426d6b11
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/pages/faturamento/faturamento.html
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"> <div class="kpi kpi-compact">
<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"> <div class="kpi kpi-compact">
<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>

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

@ -465,6 +465,15 @@
} }
} }
.kpi-compact {
padding: 8px 14px;
min-height: auto;
.val {
font-size: 1.05rem;
}
}
.kpi-wide { .kpi-wide {
min-width: 220px; min-width: 220px;
padding: 14px 18px; padding: 14px 18px;