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

Stack Total Vivo/Line KPI labels

This commit is contained in:
Eduardo Lopes 2026-01-22 18:34:31 -03:00
parent 80a3926c25
commit a476843ae0
2 changed files with 17 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

@ -131,7 +131,7 @@
</span> </span>
</div> </div>
<div class="kpi kpi-wide"> <div class="kpi kpi-wide kpi-stack">
<span class="lbl text-vivo">Total Vivo</span> <span class="lbl text-vivo">Total Vivo</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>
@ -139,7 +139,7 @@
</span> </span>
</div> </div>
<div class="kpi kpi-wide"> <div class="kpi kpi-wide kpi-stack">
<span class="lbl text-line">Total Line</span> <span class="lbl text-line">Total Line</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>

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

@ -449,6 +449,21 @@
} }
} }
.kpi-stack {
flex-direction: column;
align-items: flex-start;
gap: 6px;
.lbl,
.val {
white-space: normal;
}
.val {
line-height: 1.1;
}
}
.kpi-wide { .kpi-wide {
min-width: 220px; min-width: 220px;
padding: 14px 18px; padding: 14px 18px;