fix theme for mobile mode

This commit is contained in:
SrGooglo 2022-11-22 00:33:55 +00:00
parent 82710e4ee7
commit ea81adfe56

View File

@ -163,16 +163,16 @@ html {
.content_layout { .content_layout {
position: relative; position: relative;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
height: 100%; height: 100%;
width: 100%; width: 100%;
max-height: 100vh; max-height: 100vh;
padding: 10px; padding: 10px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: overlay; overflow-y: overlay;
transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
margin: var(--layoutMargin); margin: var(--layoutMargin);
@ -295,4 +295,28 @@ html {
.postCard { .postCard {
min-width: 30px; min-width: 30px;
} }
}
.app_layout {
&.mobile {
.loginPage {
flex-direction: column;
.wallpaper {
width: 100vw;
}
}
.postPage {
display: flex;
flex-direction: column;
.commentsWrapper {
position: absolute;
bottom: 0;
left: 0;
}
}
}
} }