fix(ui): keep console layout usable at mid widths
This commit is contained in:
parent
0c75220adc
commit
8bb5052dd5
6 changed files with 98 additions and 14 deletions
|
|
@ -862,13 +862,34 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 780px) {
|
||||
@media (max-width: 1180px), (max-height: 840px) {
|
||||
.dashboard-frame {
|
||||
grid-template-rows: auto auto auto auto;
|
||||
height: auto;
|
||||
min-height: 100vh;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.dashboard-frame__panels {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.dashboard-frame__header {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.dashboard-frame__panels {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.dashboard-frame__panels .service-panel[data-layout="grid"] .panel__body {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 780px) {
|
||||
.dashboard-frame__header,
|
||||
.dashboard-frame__title,
|
||||
.dashboard-header,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue