Merge pull request #600 from developerjhp/Fix/header-599

[Fix] header 안보이는 이슈 해결 close #599
blind-42 · Mar 28, 2022 · b7c2ce6 · b7c2ce6
2 parents d3dc3ee + ea7e3a2
commit b7c2ce6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/client/src/components/Menubar/styled.ts b/client/src/components/Menubar/styled.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const MenubarContainer = styled.div`
-  position: absolute;
+  position: fixed;
   bottom: 4rem;
   left: 0;
   padding: 3px;

diff --git a/client/src/styles/global-style.ts b/client/src/styles/global-style.ts
@@ -72,6 +72,7 @@ export const GlobalStyle = createGlobalStyle`
   html {
     /* 모바일버전 rem 상대단위 기준점 */
     font-size: 12px;
+    height: 100%;
   }
 
   body {
@@ -81,6 +82,7 @@ export const GlobalStyle = createGlobalStyle`
     -moz-osx-font-smoothing: grayscale;
     color: var(--color-black);
     position: relative;
+    height: 100%;
   }
 
   input[type='email'],
@@ -98,4 +100,7 @@ export const GlobalStyle = createGlobalStyle`
       font-size: 16px;
     }
   }
+  #root {
+    height: 100%;
+  }
 `;
diff --git a/client/src/styles/styled.ts b/client/src/styles/styled.ts
@@ -5,7 +5,8 @@ export const AppContainer = styled.div`
   grid-template-rows: 1fr 4rem;
   justify-items: center;
   background: #6bb8f0;
-  height: 100vh;
+  /* height: 100vh; */
+  height: 100%;
   input[type='button'] {
     -webkit-appearance: none;
   }