mirror of
https://github.com/danog/telegram-tt.git
synced 2025-01-22 05:11:55 +01:00
UI Loader: Fix left column width for small screens (#1559)
This commit is contained in:
parent
37437e2100
commit
b8cab81a73
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user