refactor(Settings): improve mobile layout

This commit is contained in:
Tim 2022-02-16 13:10:04 +01:00
parent f1c65e89ad
commit 9b79bf312e

View file

@ -1,6 +1,7 @@
// Copyright (C) 2017-2020 Smart code 203358507
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less';
:import('~stremio/common/Checkbox/styles.less') {
checkbox-icon: icon;
@ -357,4 +358,26 @@
color: @color-surface-dark2;
}
}
}
@media only screen and (max-width: @minimum) {
.settings-container {
.settings-content {
flex-direction: column-reverse;
.side-menu-container {
width: 100%;
padding: 0 1em;
.side-menu-button {
display: none;
}
.version-info-label {
width: 100%;
text-align: end;
}
}
}
}
}