🐛fix: files - 스크롤 내렸을 때 body가 깨지는 현상 수정

#87
CheatSOL · Jun 24, 2024 · 0c3cbfc · 0c3cbfc
1 parent cb23089
commit 0c3cbfc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/main/Main.style.js b/src/pages/main/Main.style.js
@@ -3,13 +3,12 @@ import styled from "styled-components";
 export const StyledMainDiv = styled.div`
   display: flex;
   width: 100vw;
-  height: 100vh;
+  height: 100%;
 `;
 
 export const MainBody = styled.div`
   display: flex;
   width: 100%;
-  height: 100%;
   flex-direction: column;
   align-items: center;
   justify-contents: center;
@@ -19,7 +18,8 @@ export const MainContent = styled.div`
   display: block;
   flex: 1;
   width: 100vw;
-  height: 100%;
+  height: auto;
+  overflow-y: scroll;
 `;
 
 export const StyledMainContentDiv = styled.div`

diff --git a/src/pages/stock/Stock.style.js b/src/pages/stock/Stock.style.js
@@ -8,6 +8,7 @@ export const StyledStockDiv = styled.div`
 
 export const StyledStockRightDiv = styled.div`
   background-color: ${(props) => (props.darkMode ? "#282828" : "white")};
+  overflow-y: scroll;
 `;
 
 export const StyledStockHeaderDiv = styled.div`