diff --git a/src/components/footer/FooterStyle.ts b/src/components/footer/FooterStyle.ts index c487bdd..cd0bcfa 100644 --- a/src/components/footer/FooterStyle.ts +++ b/src/components/footer/FooterStyle.ts @@ -25,9 +25,15 @@ export const footerStyle = (theme: Theme) => css` `; export const subtitleStyle = (theme: Theme) => css` + display: flex; + flex-direction: column; + gap: 1rem; + ${theme.fonts.kor.bodyBold13} + color: ${theme.colors.gray10}; `; export const desc = (theme: Theme) => css` ${theme.fonts.kor.captionMedium11}; + color: ${theme.colors.gray7}; `; diff --git a/src/components/header/productHeader/CategoryStyle.ts b/src/components/header/productHeader/CategoryStyle.ts index 5a34887..3b65b7d 100644 --- a/src/components/header/productHeader/CategoryStyle.ts +++ b/src/components/header/productHeader/CategoryStyle.ts @@ -9,6 +9,12 @@ export const CategoryLayout = css` gap: 0; align-items: center; justify-content: center; + + box-shadow: + 0 0.6rem 1.2rem 0 rgb(0 0 0 / 12%), + 0 0.4rem 0.8rem 0 rgb(0 0 0 / 8%), + 0 0 0.4rem 0 rgb(0 0 0 / 8%); + border-radius: 12px; `; export const CategoryContainerStyle = (theme: Theme) => css` diff --git a/src/components/header/productHeader/MyListStyle.ts b/src/components/header/productHeader/MyListStyle.ts index aed2d4d..d6bcd67 100644 --- a/src/components/header/productHeader/MyListStyle.ts +++ b/src/components/header/productHeader/MyListStyle.ts @@ -9,6 +9,12 @@ export const MyLayoutStyle = css` gap: 0; align-items: center; justify-content: center; + + box-shadow: + 0 0.6rem 1.2rem 0 rgb(0 0 0 / 12%), + 0 0.4rem 0.8rem 0 rgb(0 0 0 / 8%), + 0 0 0.4rem 0 rgb(0 0 0 / 8%); + border-radius: 12px; `; export const MyContainerStyle = (theme: Theme) => css` diff --git a/src/components/productPage/review/review/FilterBtn.tsx b/src/components/productPage/review/review/FilterBtn.tsx index 6f6f1a0..4993dec 100644 --- a/src/components/productPage/review/review/FilterBtn.tsx +++ b/src/components/productPage/review/review/FilterBtn.tsx @@ -1,5 +1,6 @@ import { IcArrowbottomGray12 } from '@assets/icons/index'; import { + relativeStyle, fontStyle, FilterBtnContainer, dropDownLayoutStyle, @@ -11,7 +12,7 @@ const FilterBtn = () => { const [isHovered, setIsHovered] = useState(false); return ( -
최근 작성된 리뷰
리뷰
(497)
-