att
This commit is contained in:
parent
4f21aa5c86
commit
15c6fb3c35
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
Desligamento/wcm/widget/wddesligamento/target/wddesligamento.war
Normal file
BIN
Desligamento/wcm/widget/wddesligamento/target/wddesligamento.war
Normal file
Binary file not shown.
@ -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; }
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user