diff --git a/src/pages/searchFilterPage/SearchFilter.tsx b/src/pages/searchFilterPage/SearchFilter.tsx index 73e7a06f..0105e7dc 100644 --- a/src/pages/searchFilterPage/SearchFilter.tsx +++ b/src/pages/searchFilterPage/SearchFilter.tsx @@ -53,7 +53,7 @@ const SearchFilter = () => { <> - 언제 어디로 여행가세요? + 언제 어디로 떠나세요? 지역 diff --git a/src/pages/searchPage/Search.style.ts b/src/pages/searchPage/Search.style.ts index ad8388b1..e57a806c 100644 --- a/src/pages/searchPage/Search.style.ts +++ b/src/pages/searchPage/Search.style.ts @@ -2,15 +2,15 @@ import styled from "styled-components"; import TopButtonIcon from "@assets/icons/ic_top_button.svg?react"; export const Container = styled.div` - background-color: ${({ theme }) => theme.color.white}; + background-color: ${({ theme }) => theme.color.greyScale7}; `; export const SearchContainer = styled.div` width: 100%; height: 100%; + min-height: 100vh; color: ${({ theme }) => theme.color.black}; padding: 130px 0 130px 0; - background-color: ${({ theme }) => theme.color.greyScale7}; `; export const SearchItemFlex = styled.div` diff --git a/src/pages/searchPage/components/searchBar/SearchBar.tsx b/src/pages/searchPage/components/searchBar/SearchBar.tsx index 9c19ab9e..1b2f1644 100644 --- a/src/pages/searchPage/components/searchBar/SearchBar.tsx +++ b/src/pages/searchPage/components/searchBar/SearchBar.tsx @@ -9,7 +9,7 @@ const SearchBar = () => { const navigate = useNavigate(); const searchInfo = useSearchFilterInfoStore((state) => state.searchInfo); - let searchBarContent = "언제 어디로 여행가세요?"; + let searchBarContent = "언제 어디로 떠나세요?"; if (searchInfo.location && searchInfo.checkOut && searchInfo.quantityPeople) { searchBarContent = `${searchInfo.location} / ${formatDateMonthAndDay( searchInfo.checkIn, diff --git a/src/pages/searchPage/components/searchItem/SearchItem.style.ts b/src/pages/searchPage/components/searchItem/SearchItem.style.ts index f53cc026..bfe6b849 100644 --- a/src/pages/searchPage/components/searchItem/SearchItem.style.ts +++ b/src/pages/searchPage/components/searchItem/SearchItem.style.ts @@ -5,6 +5,7 @@ export const ItemContainer = styled.div` width: 100%; height: 373px; color: ${({ theme }) => theme.color.black}; + position: relative; @media screen and (min-width: 568px) { width: calc(50% - 8px); } @@ -25,7 +26,6 @@ export const ItemContent = styled.div` justify-content: space-between; min-width: 240px; height: 181px; - position: relative; width: 100%; padding: 24px 16px; `; diff --git a/src/pages/searchPage/components/searchItem/SearchItem.tsx b/src/pages/searchPage/components/searchItem/SearchItem.tsx index 00c48793..ce29b13a 100644 --- a/src/pages/searchPage/components/searchItem/SearchItem.tsx +++ b/src/pages/searchPage/components/searchItem/SearchItem.tsx @@ -38,7 +38,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => {
{item.reviewRate}
·
-
{`${item.hotelRate}성급`}
+
{item.hotelRate}
{item.name} {item.roomType} @@ -66,7 +66,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => { -
구매가
+
거래가
{item.salePrice.toLocaleString() + "원"} diff --git a/src/pages/searchPage/components/searchNav/SearchNav.style.ts b/src/pages/searchPage/components/searchNav/SearchNav.style.ts index ad40c435..7c9efc73 100644 --- a/src/pages/searchPage/components/searchNav/SearchNav.style.ts +++ b/src/pages/searchPage/components/searchNav/SearchNav.style.ts @@ -12,10 +12,11 @@ export const SearchNavContainer = styled.div` min-width: 360px; width: 100%; height: 44px; - padding: 0.5rem 1.5rem; + padding: 0.5rem 1.5rem 2.5rem 1.5rem; position: fixed; z-index: 1; top: 72px; + border-bottom: 1px solid ${({ theme }) => theme.color.greyScale6}; `; export const SearchCellCover = styled.div`