SKRF-476 fix: cost toLacaleString 및 신청 제출 폼 레이아웃 변경 (#234)

* fix: cost toLocaleString 적용 * 신청 제출 폼 white-space 적용 * fix: 신청 폼 페이지 margin 수정 * fix: 신청 폼 페이지 레이아웃 재수정
Space-Club · Dec 2, 2023 · 492303a · 492303a
1 parent bdad886
commit 492303a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/pages/event/EventDetailPage/CategoryDetail/ClubDetail.tsx b/src/pages/event/EventDetailPage/CategoryDetail/ClubDetail.tsx
@@ -32,7 +32,7 @@ const ClubDetail = ({ data }: ClubDetail) => {
         {totalCost && (
           <div>
             <ContentLabel>{EVENT_DETAIL.COST}</ContentLabel>
-            <div>{totalCost}원</div>
+            <div>{totalCost.toLocaleString()}원</div>
           </div>
         )}
         {location && (

diff --git a/src/pages/event/SubmitFormPage/SubmitFormPage.style.ts b/src/pages/event/SubmitFormPage/SubmitFormPage.style.ts
@@ -9,7 +9,12 @@ const SubmitFormTitle = styled.p`
   font-size: ${Theme.fontSize.extraTitle};
 `;
 const SubmitFormContent = styled.p`
-  font-size: 1.5rem;
+  font-size: 1rem;
+  white-space: pre-wrap;
+  margin: 1rem 0;
+  padding: 0.5rem;
+  border: 1px solid ${Theme.color.idkGrey};
+  border-radius: 0.25rem;
 `;
 const FormWrapper = styled.form`
   display: flex;