Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: improve mobile layout

Browse source
This commit is contained in:
Tim 2023-07-05 20:20:28 +02:00
parent 0e0f27c54a
commit eb45f8408e
4 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common/MetaPreview/styles.less
View file

@ -190,8 +190,6 @@
@media only screen and (max-width: @minimum) {
.meta-preview-container {
.meta-info-container {
padding: 0 1.5rem;
.logo {
margin: 2rem auto;
}
@ -208,7 +206,6 @@
.action-buttons-container {
flex-wrap: nowrap;
margin-top: 3rem;
padding: 0 1.5rem;
overflow-x: visible;
scrollbar-width: none;

3
src/routes/Board/styles.less
View file

@ -201,8 +201,7 @@
height: calc(100% - 4rem);
.board-row {
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 1.5rem;
}
.board-row-poster, .board-row-square, .continue-watching-row {

11
src/routes/MetaDetails/styles.less
View file

@ -134,25 +134,20 @@
@media only screen and (max-width: @minimum) {
.metadetails-container {
position: relative;
z-index: 0;
.metadetails-content {
display: block;
position: static;
z-index: initial;
overflow-y: auto;
.spacing {
display: none;
}
.background-image-layer {
top: var(--horizontal-nav-bar-size);
.meta-preview {
padding: 0 1.5rem 2rem;
}
.videos-list, .streams-list {
background-color: transparent;
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
}
}

4
src/routes/Settings/styles.less
View file

@ -426,6 +426,10 @@
text-align: end;
}
}
.sections-container {
padding: 0 1.5rem;
}
}
}