refactor: improve mobile layout for Discover

This commit is contained in:
Tim 2022-02-16 13:00:59 +01:00
parent fac2943d9b
commit f1c65e89ad
2 changed files with 31 additions and 0 deletions

View file

@ -183,6 +183,7 @@
display: flex;
flex-direction: column;
gap: 0.75em;
padding: 0.5em;
.poster-container {
flex: auto;

View file

@ -437,4 +437,34 @@
}
}
}
}
@media only screen and (max-width: @minimum) {
.discover-container {
.discover-content {
.catalog-container {
.selectable-inputs-container {
flex-direction: column;
gap: 1em;
padding: 1em;
.select-input {
flex: 0 1 3.5em;
&:not(:first-child) {
margin-left: 0;
}
}
.spacing {
display: none;
}
.pagination-input {
margin-left: 0;
}
}
}
}
}
}