design: 모두의 정원 header 수정

woowacourse-teams · Sep 22, 2023 · 2ac62ce · 2ac62ce
1 parent a4f9f19
commit 2ac62ce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/pages/GardenPostList/GardenPostList.style.ts b/frontend/src/pages/GardenPostList/GardenPostList.style.ts
@@ -6,7 +6,7 @@ export const Main = styled.main`
   width: 100%;
   height: calc(100% - 90px);
   margin-bottom: 70px;
-  padding: 8px;
+  padding: 85px 8px 8px 8px;
 `;
 
 export const List = styled.ul`

diff --git a/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts b/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts
@@ -1,13 +1,15 @@
 import { styled } from 'styled-components';
 
 export const Wrapper = styled.header`
-  position: sticky;
+  position: fixed;
   z-index: ${(props) => props.theme.zIndex.fixed};
   top: 0;
 
   display: flex;
   flex-direction: column;
 
+  width: 100%;
+  max-width: ${(props) => props.theme.width.pad};
   padding: 8px;
 
   background-color: ${(props) => props.theme.color.background};