style(#2248): fix scroll in registration page and personal info page

4 years ago · 75b4854071
parent bb75dd1c73
commit 75b4854071
2 changed files with 6 additions and 3 deletions
--- 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;
      `
    : ''};
 `
--- 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;