From 75b48540712f4febe8d0dbb3182f7cfe2b5b7785 Mon Sep 17 00:00:00 2001 From: Andrei Dekterev Date: Fri, 20 May 2022 22:29:08 +0700 Subject: [PATCH] style(#2248): fix scroll in registration page and personal info page --- src/features/AuthServiceApp/components/App/index.tsx | 4 +--- src/features/UserAccount/styled.tsx | 5 +++++ 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/features/AuthServiceApp/components/App/index.tsx b/src/features/AuthServiceApp/components/App/index.tsx index 2fc36273..81481e25 100644 --- a/src/features/AuthServiceApp/components/App/index.tsx +++ b/src/features/AuthServiceApp/components/App/index.tsx @@ -26,9 +26,7 @@ const Main = styled.main` ${isMobileDevice ? css` padding: 0 12px; - @media screen and (orientation: landscape){ - max-height: 100vh; - } + max-height: 100vh; ` : ''}; ` diff --git a/src/features/UserAccount/styled.tsx b/src/features/UserAccount/styled.tsx index fe124656..5de071b8 100644 --- a/src/features/UserAccount/styled.tsx +++ b/src/features/UserAccount/styled.tsx @@ -95,6 +95,8 @@ export const ContentWrapper = styled.div` ${isMobileDevice ? css` margin-top: 10px; + min-height: 100vh; + overflow-y: auto; @media (orientation: landscape){ margin-top: 0; padding-left: 28px; @@ -129,6 +131,9 @@ export const Body = styled.div` ${isMobileDevice ? css` width: 100%; + overflow-y: auto; + min-height: 100vh; + @media (orientation: landscape){ flex-direction: row; height: auto;