Refine faturamento inner table styling

This commit is contained in:
Eduardo Lopes 2026-01-22 19:25:17 -03:00
parent ce3eba920a
commit b559c34ef9
2 changed files with 19 additions and 2 deletions

View File

@ -229,7 +229,7 @@
</div> </div>
<div class="group-body" *ngIf="expandedGroup === g.cliente"> <div class="group-body" *ngIf="expandedGroup === g.cliente">
<div class="d-flex justify-content-between align-items-center px-4 py-2 border-bottom bg-white"> <div class="group-actions-row">
<small class="text-muted fw-bold">Registros do Cliente</small> <small class="text-muted fw-bold">Registros do Cliente</small>
<span class="chip-muted"><i class="bi bi-info-circle me-1"></i> Clique no “olho” para ver todos os detalhes</span> <span class="chip-muted"><i class="bi bi-info-circle me-1"></i> Clique no “olho” para ver todos os detalhes</span>
</div> </div>

View File

@ -585,6 +585,16 @@
to { opacity: 1; transform: translateY(0); } to { opacity: 1; transform: translateY(0); }
} }
.group-actions-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: #fff;
border-bottom: 1px solid rgba(17,18,20,0.06);
gap: 12px;
}
.chip-muted { .chip-muted {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -598,7 +608,11 @@
border: 1px solid rgba(17,18,20,0.06); border: 1px solid rgba(17,18,20,0.06);
} }
.inner-table-wrap { max-height: 520px; overflow: auto; } .inner-table-wrap {
max-height: none;
height: auto;
overflow-y: visible;
}
/* TABLE */ /* TABLE */
.table-wrap { overflow: auto; height: 100%; } .table-wrap { overflow: auto; height: 100%; }
@ -624,6 +638,9 @@
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
text-align: center !important; text-align: center !important;
transition: color 0.2s ease;
&:hover { color: var(--brand); }
} }
tbody tr { tbody tr {