From ae964d043a82c37553d5a346ef0348495eea58d2 Mon Sep 17 00:00:00 2001 From: chaeyoungwon Date: Sun, 22 Sep 2024 18:27:31 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Edit=20Detail=20Design?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit #233 디테일 디자인 수정 --- .../ContestDetailPage/ContestDetailPage.Styled.jsx | 12 ++++++------ .../src/pages/PostMainPage/PostMainPage.Styled.jsx | 3 ++- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/gongjakso/src/pages/ContestDetailPage/ContestDetailPage.Styled.jsx b/gongjakso/src/pages/ContestDetailPage/ContestDetailPage.Styled.jsx index bca7539..653d731 100644 --- a/gongjakso/src/pages/ContestDetailPage/ContestDetailPage.Styled.jsx +++ b/gongjakso/src/pages/ContestDetailPage/ContestDetailPage.Styled.jsx @@ -27,8 +27,8 @@ export const ContestInfo = styled.div` `; export const ContestTitle = styled.p` - font-family: The Jamsil OTF; - font-size: 38px; + font-family: 'The Jamsil OTF'; + font-size: ${({ theme }) => theme.fontSize.xl}; font-weight: 700; line-height: 52.8px; text-align: left; @@ -74,7 +74,7 @@ export const FireImage = styled(Fire)` export const Organization = styled.h2` font-family: 'Pretendard'; - font-size: 19px; + font-size: ${({ theme }) => theme.fontSize.mdd}; font-weight: 700; line-height: 28.64px; text-align: left; @@ -84,7 +84,7 @@ export const Organization = styled.h2` export const InfoContent = styled.h3` display: flex; flex-direction: row; - font-family: Pretendard; + font-family: 'Pretendard'; font-size: 16px; font-weight: 700; line-height: 23.87px; @@ -92,8 +92,8 @@ export const InfoContent = styled.h3` gap: 10px; `; export const InfoSpan = styled.p` - font-family: Pretendard; - font-size: 16px; + font-family: 'Pretendard'; + font-size: ${({ theme }) => theme.fontSize.m}; font-weight: 500; line-height: 23.87px; text-align: left; diff --git a/gongjakso/src/pages/PostMainPage/PostMainPage.Styled.jsx b/gongjakso/src/pages/PostMainPage/PostMainPage.Styled.jsx index cff5418..e938bda 100644 --- a/gongjakso/src/pages/PostMainPage/PostMainPage.Styled.jsx +++ b/gongjakso/src/pages/PostMainPage/PostMainPage.Styled.jsx @@ -75,6 +75,7 @@ export const Fillter1 = styled.div` padding: 12px 18px; display: flex; align-items: center; + margin-right: 30px; `; export const Fillter2 = styled.div` width: 100%; @@ -108,7 +109,7 @@ export const ContestContent = styled.div` flex-direction: row; flex-wrap: wrap; align-items: center; - gap: 25px; + gap: 23px; `; export const TeamBoxContent = styled.div``;