From ea81adfe56ad1164407c680281c177feac80d435 Mon Sep 17 00:00:00 2001 From: SrGooglo Date: Tue, 22 Nov 2022 00:33:55 +0000 Subject: [PATCH] fix theme for mobile mode --- packages/app/src/theme/index.less | 30 +++++++++++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less index 45f4aacd..94c8bd2d 100755 --- a/packages/app/src/theme/index.less +++ b/packages/app/src/theme/index.less @@ -163,16 +163,16 @@ html { .content_layout { position: relative; -webkit-overflow-scrolling: touch; - + height: 100%; width: 100%; max-height: 100vh; padding: 10px; - + overflow-x: hidden; overflow-y: overlay; - + transition: all 150ms ease-in-out; margin: var(--layoutMargin); @@ -295,4 +295,28 @@ html { .postCard { 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; + } + } + } } \ No newline at end of file