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

Refina estilo das tabelas de relatórios

This commit is contained in:
Eduardo Lopes 2026-01-22 13:11:13 -03:00
parent 698f690315
commit a73276211f
1 changed files with 46 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/pages/relatorios/relatorios.scss
View File

@ -299,21 +299,25 @@
/* Table */ /* Table */
.table-wrap { .table-wrap {
padding: 10px 12px 14px; padding: 12px 12px 16px;
overflow-x: auto; overflow-x: auto;
background: rgba(255, 255, 255, 0.7);
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
} }
.tablex { .tablex {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: separate;
border-spacing: 0 8px;
min-width: 720px; min-width: 720px;
} }
.tablex th, .tablex th,
.tablex td { .tablex td {
padding: 10px 10px; padding: 12px 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-weight: 700;
font-weight: 800;
color: rgba(17, 18, 20, 0.8); color: rgba(17, 18, 20, 0.8);
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
@ -322,11 +326,47 @@
.tablex th { .tablex th {
color: rgba(17, 18, 20, 0.65); color: rgba(17, 18, 20, 0.65);
font-size: 12px; font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
padding-bottom: 6px;
}
.tablex tbody tr {
background: #fff;
box-shadow: 0 8px 16px rgba(17, 18, 20, 0.06);
transition: transform 160ms ease, box-shadow 160ms ease;
}
.tablex tbody tr:hover {
transform: translateY(-1px);
box-shadow: 0 12px 22px rgba(17, 18, 20, 0.12);
}
.tablex tbody td {
border-top: 1px solid rgba(17, 18, 20, 0.06);
border-bottom: 1px solid rgba(17, 18, 20, 0.06);
background: rgba(255, 255, 255, 0.96);
}
.tablex tbody td:first-child {
border-left: 1px solid rgba(17, 18, 20, 0.06);
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.tablex tbody td:last-child {
border-right: 1px solid rgba(17, 18, 20, 0.06);
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.tablex tbody tr:nth-child(even) td {
background: rgba(248, 249, 255, 0.9);
} }
.muted { .muted {
color: rgba(17, 18, 20, 0.55); color: rgba(17, 18, 20, 0.55);
font-weight: 800; font-weight: 700;
} }
.cell-strong { .cell-strong {