From 492303a0df9b5e8637f302339925f12db1130618 Mon Sep 17 00:00:00 2001
From: SongInJae <pan0663@naver.com>
Date: Sat, 2 Dec 2023 17:51:43 +0900
Subject: [PATCH] =?UTF-8?q?SKRF-476=20fix:=20cost=20toLacaleString=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=8B=A0=EC=B2=AD=20=EC=A0=9C=EC=B6=9C=20=ED=8F=BC?=
 =?UTF-8?q?=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?(#234)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: cost toLocaleString 적용

* 신청 제출 폼 white-space 적용

* fix: 신청 폼 페이지 margin 수정

* fix: 신청 폼 페이지 레이아웃 재수정
---
 .../event/EventDetailPage/CategoryDetail/ClubDetail.tsx    | 2 +-
 src/pages/event/SubmitFormPage/SubmitFormPage.style.ts     | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/event/EventDetailPage/CategoryDetail/ClubDetail.tsx b/src/pages/event/EventDetailPage/CategoryDetail/ClubDetail.tsx
index bb7ed8d1..5c4e45b3 100644
--- 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
index 9faa9618..3b5812de 100644
--- 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;