UI Loader: Fix left column width for small screens (#1559)

This commit is contained in:
Alexander Zinchuk 2021-11-27 17:41:41 +01:00
parent 37437e2100
commit b8cab81a73

View File

@ -26,16 +26,16 @@
.left { .left {
flex: 1; flex: 1;
background: var(--color-background); background: var(--color-background);
min-width: 18rem; min-width: 12rem;
width: 26.5rem; width: 33vw;
max-width: 33vw; max-width: 26.5rem;
@media (min-width: 926px) { @media (min-width: 926px) {
width: 25vw;
max-width: 40vw; max-width: 40vw;
} }
@media (min-width: 1276px) { @media (min-width: 1276px) {
width: 25vw;
max-width: 33vw; max-width: 33vw;
} }
@ -48,12 +48,12 @@
} }
@media (max-width: 925px) { @media (max-width: 925px) {
min-width: 26.5rem; width: 26.5rem !important;
} }
@media (max-width: 600px) { @media (max-width: 600px) {
max-width: none; max-width: none;
width: 100vw; width: 100vw !important;
} }
} }