Merge pull request #600 from woowacourse-teams/refactor/599-refactor-…

…search-words 검색 페이지의 문구를 수정한다.
woowacourse-teams · Oct 19, 2023 · 783d3ad · 783d3ad
2 parents 90fde31 + 7894fe5
commit 783d3ad
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/client/src/pages/SearchPage.tsx b/client/src/pages/SearchPage.tsx
@@ -49,9 +49,7 @@ const SearchPage = () => {
 
         <Spacer $size="2" />
 
-        <SearchDetailsButton onClick={() => setIsDetailEnabled(!isDetailEnabled)}>
-          주소나 메뉴 이름으로 검색하기
-        </SearchDetailsButton>
+        <SearchDetailsButton onClick={() => setIsDetailEnabled(!isDetailEnabled)}>검색 옵션</SearchDetailsButton>
         <Spacer $size="4" />
         <SearchDetails $show={isDetailEnabled}>
           <FormGroup>
@@ -128,9 +126,13 @@ const SearchButton = styled.button`
 
 const SearchDetailsButton = styled.button.attrs({ type: 'button' })`
   cursor: pointer;
+
   font-size: ${({ theme }) => theme.fontSize.sm};
-  color: ${({ theme }) => theme.color.gray};
+  font-weight: 600;
+  color: ${({ theme }) => theme.color.primary};
+
   background: none;
+  border-bottom: solid 1px ${({ theme }) => theme.color.primary};
 `;
 
 const SearchDetails = styled.div<{ $show: boolean }>`