From 429b1356a979a58767d16f4ac4cdbfe0ee32691f Mon Sep 17 00:00:00 2001
From: CJY <cjy3458@naver.com>
Date: Tue, 27 Aug 2024 06:38:26 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=95=99=EC=8A=B5=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A7=88?=
 =?UTF-8?q?=EC=A7=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/common.styled.ts               | 6 +++++-
 src/components/common/tabBar/TabBar.styled.ts        | 5 -----
 src/components/common/tabBar/TabBar.tsx              | 3 ++-
 src/components/learn/learnMain/Learn.tsx             | 3 ++-
 src/components/tales/createMain/CreateMain.styled.ts | 2 +-
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/common/common.styled.ts b/src/components/common/common.styled.ts
index 75be2d0..8a92122 100644
--- a/src/components/common/common.styled.ts
+++ b/src/components/common/common.styled.ts
@@ -1,5 +1,10 @@
 import styled from "styled-components";
 
+export const Margin = styled.div`
+  width: 100%;
+  min-height: 80px;
+`;
+
 export const CommonWrapper = styled.div`
   display: flex;
   flex-direction: column;
@@ -74,7 +79,6 @@ export const MainWrapper = styled.div`
   align-items: flex-start;
   gap: 3rem;
   padding-top: 3rem;
-  padding-bottom: 140px;
 `;
 
 export const Shelf = styled.img`
diff --git a/src/components/common/tabBar/TabBar.styled.ts b/src/components/common/tabBar/TabBar.styled.ts
index 33bf3eb..b5a15b9 100644
--- a/src/components/common/tabBar/TabBar.styled.ts
+++ b/src/components/common/tabBar/TabBar.styled.ts
@@ -1,10 +1,5 @@
 import styled from "styled-components";
 
-export const Margin = styled.div`
-  width: 100%;
-  min-height: 120px;
-`;
-
 export const TabBarContainer = styled.div`
   width: 100%;
   height: 80px;
diff --git a/src/components/common/tabBar/TabBar.tsx b/src/components/common/tabBar/TabBar.tsx
index e1d5843..caacda1 100644
--- a/src/components/common/tabBar/TabBar.tsx
+++ b/src/components/common/tabBar/TabBar.tsx
@@ -1,5 +1,6 @@
 import { useLocation, useNavigate } from "react-router-dom";
 import * as S from "./TabBar.styled";
+import { Margin } from "../common.styled";
 
 const TabBar = () => {
   const location = useLocation();
@@ -21,7 +22,7 @@ const TabBar = () => {
 
   return (
     <>
-      <S.Margin />
+      <Margin />
       <S.TabBarContainer>
         {tabs.map((tab) => (
           <S.TabWrapper key={tab.id}>
diff --git a/src/components/learn/learnMain/Learn.tsx b/src/components/learn/learnMain/Learn.tsx
index 50812e6..3831421 100644
--- a/src/components/learn/learnMain/Learn.tsx
+++ b/src/components/learn/learnMain/Learn.tsx
@@ -1,4 +1,4 @@
-import { MainWrapper } from "@components/common/common.styled";
+import { MainWrapper, Margin } from "@components/common/common.styled";
 import TabBar from "@components/common/tabBar/TabBar";
 import Word from "./word/Word";
 import UnLearned from "./unLearned/UnLearned";
@@ -11,6 +11,7 @@ const Learn = () => {
         <Word />
         <UnLearned />
         <Learned />
+        <Margin />
       </MainWrapper>
       <TabBar />
     </>
diff --git a/src/components/tales/createMain/CreateMain.styled.ts b/src/components/tales/createMain/CreateMain.styled.ts
index 98c2d9d..19ea2d2 100644
--- a/src/components/tales/createMain/CreateMain.styled.ts
+++ b/src/components/tales/createMain/CreateMain.styled.ts
@@ -7,7 +7,7 @@ export const Wrapper = styled.div`
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
-  overflow-x: hidden;
+  overflow-x: hidden; // 스크롤 생기는거 괜찮은지 물어보기
   gap: 2.5rem;
   #topGraphic {
     width: 100%;