From 51437fe621e8ed5c855a3cc3634ff7a79403554d Mon Sep 17 00:00:00 2001
From: Jinhyun Park <developerjhp@gmail.com>
Date: Mon, 28 Mar 2022 20:04:57 +0900
Subject: [PATCH] =?UTF-8?q?[Fix]=20-=20Header=20css=20=EC=88=98=EC=A0=955?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Notificationbar/styled.ts | 2 +-
 client/src/components/PostEdit/styled.ts        | 1 +
 client/src/pages/Detail/styled.ts               | 1 +
 client/src/pages/Search/styled.ts               | 2 +-
 client/src/styles/styled.ts                     | 1 -
 5 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Notificationbar/styled.ts b/client/src/components/Notificationbar/styled.ts
index 5d82d9d8..ff84618d 100644
--- a/client/src/components/Notificationbar/styled.ts
+++ b/client/src/components/Notificationbar/styled.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const NotificationContainer = styled.div`
-  position: absolute;
+  position: fixed;
   bottom: 4rem;
   left: 0;
   padding: 3px;
diff --git a/client/src/components/PostEdit/styled.ts b/client/src/components/PostEdit/styled.ts
index 43d8920e..3bd6ffe5 100644
--- a/client/src/components/PostEdit/styled.ts
+++ b/client/src/components/PostEdit/styled.ts
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 export const EditorContainer = styled.div`
   display: grid;
   grid-template-rows: 3.5rem auto;
+  margin-bottom: 4rem;
   ${({ theme }) => theme.media.tablet`
 		grid-template-rows: 2.5rem auto;
 	`}
diff --git a/client/src/pages/Detail/styled.ts b/client/src/pages/Detail/styled.ts
index 1eddbd58..0fe8e4f1 100644
--- a/client/src/pages/Detail/styled.ts
+++ b/client/src/pages/Detail/styled.ts
@@ -17,6 +17,7 @@ export const PostContainer = styled.div`
 export const DetailContainer = styled.div`
   margin: 0.5rem;
   word-spacing: 0.02rem;
+  margin-bottom: 4rem;
 `;
 
 export const Title = styled.div<{ state?: boolean }>`
diff --git a/client/src/pages/Search/styled.ts b/client/src/pages/Search/styled.ts
index 7b395153..e817b2f7 100644
--- a/client/src/pages/Search/styled.ts
+++ b/client/src/pages/Search/styled.ts
@@ -8,7 +8,7 @@ export const UtilPostWrap = styled.div`
 	`}
   ${({ theme }) => theme.media.desktop`
 		grid-template-rows: 1.8rem auto;
-	`}
+	`};
 `;
 
 export const UtilWrap = styled.div`
diff --git a/client/src/styles/styled.ts b/client/src/styles/styled.ts
index a99efc4b..fa76ac9c 100644
--- a/client/src/styles/styled.ts
+++ b/client/src/styles/styled.ts
@@ -21,7 +21,6 @@ export const PageContainer = styled.div`
   width: 100vw;
   background: #c4c4c4;
   padding: 3px;
-  height: calc(100% - 4rem);
   ${({ theme }) => theme.media.tablet`
 		margin: auto 0;
 		width: 90vw;