style: 레이아웃 스타일 변경

ccondae · Apr 8, 2024 · c02b033 · c02b033
1 parent 9516687
commit c02b033
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/pages/root/root.page.tsx b/src/pages/root/root.page.tsx
@@ -10,13 +10,21 @@ import { Top } from "~/widgets/top-filter";
 import { Banner } from "~/shared/banner";
 
 const Main = styled.main`
+  width: 100vw;
+  height: 100vh;
+  overflow-y: auto;
+  scrollbar-width: none;
+`;
+
+const MainContainer = styled.div`
   width: 100%;
   max-width: 1440px;
   margin: auto;
   display: flex;
   justify-content: center;
   align-items: flex-start;
-  padding-top: 10px;
+  padding-top: 20px;
+  margin-bottom: 200px;
 `;
 
 const LeftSideBars = styled.section`
@@ -29,19 +37,19 @@ const LeftSideBars = styled.section`
 
 export const RootPage = () => {
   return (
-    <>
+    <Main>
       <Header />
       <Banner />
       <Top />
-      <Main>
+      <MainContainer>
         <LeftSideBars>
           <ReviewerRank />
           <LanguageRank />
         </LeftSideBars>
         {/* Todo: 사이드바 작업한 거랑 레이아웃 합쳐야함 */}
         <QuestionList />
         <QuestionGuide />
-      </Main>
-    </>
+      </MainContainer>
+    </Main>
   );
 };