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: grid;
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;
}
@ -996,11 +997,7 @@ body.wd-drawer-open {
}
/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 992px) {
.wd-dashboard__metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* .wd-dashboard__metrics usa auto-fill — quebra sozinho pelo container */
@media (max-width: 720px) {
.wd-dashboard__header {
@ -1017,10 +1014,6 @@ body.wd-drawer-open {
padding: 14px;
}
.wd-dashboard__metrics {
grid-template-columns: 1fr 1fr;
}
.wd-request__step-area {
display: none;
}

View File

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