This commit is contained in:
Cunha 2026-05-25 09:01:32 -03:00
parent 4f21aa5c86
commit 15c6fb3c35
3 changed files with 9 additions and 17 deletions

View File

@ -103,7 +103,8 @@
display: -ms-grid; display: -ms-grid;
display: grid; display: grid;
gap: 10px; gap: 10px;
grid-template-columns: repeat(4, minmax(0, 1fr)); /* auto-fill responde à largura do container, não do viewport */
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
margin-bottom: 14px; margin-bottom: 14px;
} }
@ -996,11 +997,7 @@ body.wd-drawer-open {
} }
/* ── Responsive ───────────────────────────────────────────────── */ /* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 992px) { /* .wd-dashboard__metrics usa auto-fill — quebra sozinho pelo container */
.wd-dashboard__metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) { @media (max-width: 720px) {
.wd-dashboard__header { .wd-dashboard__header {
@ -1017,10 +1014,6 @@ body.wd-drawer-open {
padding: 14px; padding: 14px;
} }
.wd-dashboard__metrics {
grid-template-columns: 1fr 1fr;
}
.wd-request__step-area { .wd-request__step-area {
display: none; display: none;
} }

View File

@ -20,6 +20,7 @@
.wdr-header { .wdr-header {
align-items: center; align-items: center;
display: flex; display: flex;
flex-wrap: wrap;
gap: 12px; gap: 12px;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px; margin-bottom: 16px;
@ -73,6 +74,7 @@
font-weight: 600; font-weight: 600;
padding: 4px 10px; padding: 4px 10px;
transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s;
white-space: nowrap;
} }
.wdr-period-btn--active { .wdr-period-btn--active {
@ -85,7 +87,8 @@
.wdr-kpis { .wdr-kpis {
display: grid; display: grid;
gap: 10px; gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr)); /* auto-fill responde à largura do container, não do viewport */
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -307,17 +310,13 @@
.wdr-badge--canceled { background: #fee2e2; color: #991b1b; } .wdr-badge--canceled { background: #fee2e2; color: #991b1b; }
/* ── Responsive ───────────────────────────────────────────────── */ /* ── Responsive ───────────────────────────────────────────────── */
/* .wdr-kpis usa auto-fill — quebra sozinho pelo container */
/* .wdr-header já tem flex-wrap: wrap */
@media (max-width: 768px) { @media (max-width: 768px) {
.wdr-kpis { grid-template-columns: repeat(2, 1fr); }
.wdr-bar-wrap { display: none; } .wdr-bar-wrap { display: none; }
.wdr-breakdown { display: none; } .wdr-breakdown { display: none; }
} }
@media (max-width: 480px) {
.wdr-kpis { grid-template-columns: 1fr; }
.wdr-header { flex-wrap: wrap; }
}
/* ── Pagination ───────────────────────────────────────────────── */ /* ── Pagination ───────────────────────────────────────────────── */
.wdr-pagination { margin-top: 4px; } .wdr-pagination { margin-top: 4px; }