mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-07 02:09:40 +00:00
refactor: improve mobile layout for Discover
This commit is contained in:
parent
fac2943d9b
commit
f1c65e89ad
2 changed files with 31 additions and 0 deletions
|
|
@ -183,6 +183,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.75em;
|
||||
padding: 0.5em;
|
||||
|
||||
.poster-container {
|
||||
flex: auto;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue