Design: 헤더 스타일 일부 수정

- 서치바의 배경색 추가 - PriceModal을 display: none으로 설정
codesquad-members-2022 · May 25, 2022 · ab41138 · ab41138
1 parent a97aeab
commit ab41138
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/fe/src/components/Header/SearchBar/Modals/PriceModal.tsx b/fe/src/components/Header/SearchBar/Modals/PriceModal.tsx
@@ -21,7 +21,7 @@ function PriceModal() {
 const PriceModalWrap = styled(ModalWrap)`
   width: 493px;
   height: 364px;
-  // display: none;
+  display: none;
   right: 200px;
   padding: 52px 64px;
   justify-content: left;

diff --git a/fe/src/components/Header/SearchBar/searchBar.styled.js b/fe/src/components/Header/SearchBar/searchBar.styled.js
@@ -15,6 +15,7 @@ export const SearchBarWrap = styled.div`
   border-radius: 999px;
   padding: 16px 0px 16px 20px;
   justify-content: space-around;
+  background: ${({ theme }) => theme.colors.white};
 `;
 export const Period = styled.div`
   height: 100%;