feat(in-536): mobile header bugfix

3 years ago · 282c652c63
parent 3c7e8c3a75
commit 282c652c63
1 changed files with 9 additions and 1 deletions
--- a/src/features/GlobalStyles/index.tsx
+++ b/src/features/GlobalStyles/index.tsx
@ -1,4 +1,6 @@
-import { createGlobalStyle } from 'styled-components/macro'
+import { createGlobalStyle, css } from 'styled-components/macro'
+
+import { isMobileDevice } from 'config/userAgent'

 export const GlobalStyles = createGlobalStyle`
  *, *:before, *:after {
@ -8,6 +10,12 @@ export const GlobalStyles = createGlobalStyle`
  html {
    font-size: calc(2px + 1vw);
    overflow-y: hidden;
+
+    ${isMobileDevice
+    ? css`
+      overflow-y: auto;
+    `
+    : ''};
  }
  
  body {