add language setting for moobile devices, add upgrade a update app function

This commit is contained in:
Milos Holba
2021-03-26 16:20:19 +01:00
parent 4142f829be
commit 9fef371099
7 changed files with 96 additions and 64 deletions
+19 -11
View File
@@ -14,7 +14,7 @@
</div>
<!-- Languages -->
<div class="all-language-wrapper">
<div class="all-language-wrapper">
<div @click="openLanguage(language)" v-for="language in languages" :key="language.id">
<div class="language" >
<label class="name" :class="{'active' :activeLanguage.locale === language.locale}">
@@ -228,21 +228,29 @@ export default {
}
}
// @media only screen and (max-width: 1024px) {
// .side-content {
// flex: 0 0 205px;
// }
// }
@media only screen and (max-width: 1024px) {
.wrapper {
flex-direction: column;
.side-content{
margin-bottom: 70px;
}
.languages-wrapper {
margin-top: 0px;
}
}
}
// @media only screen and (max-width: 690px) {
// .side-content {
// display: none;
// }
// }
@media only screen and (max-width: 690px) {
.side-content{
margin-bottom: 35px !important;
flex: none;
}
}
@media (prefers-color-scheme: dark) {
.language{
.name {
color: $dark_mode_text_primary !important;
}