💄 Edit Detail Design

#233 디테일 디자인 수정
Gongjakso · Sep 22, 2024 · ae964d0 · ae964d0
1 parent 171168e
commit ae964d0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git 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,16 +84,16 @@ 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;
     text-align: left;
     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
@@ -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``;