From d429dca6644d40d2374489653c53837bedd1fa22 Mon Sep 17 00:00:00 2001
From: izone00 <woojin5555@gmail.com>
Date: Wed, 27 Mar 2024 18:26:49 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[Feat]=20=ED=8C=8C=ED=8B=B0=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=B0=EA=B2=BD=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95=20=EB=B0=8F=20=EA=B8=80=EC=9E=90=EC=88=98=20?=
 =?UTF-8?q?=ED=91=9C=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/party/PartyCreate.tsx     | 15 +++++--
 styles/party/PartyCreate.module.scss | 61 ++++++++++++++++++++--------
 2 files changed, 56 insertions(+), 20 deletions(-)

diff --git a/components/party/PartyCreate.tsx b/components/party/PartyCreate.tsx
index d126387ad..9e8863614 100644
--- a/components/party/PartyCreate.tsx
+++ b/components/party/PartyCreate.tsx
@@ -187,6 +187,9 @@ function DetailCustomization({
             }
             placeholder='제목을 입력하세요'
           />
+          <div className={styles.titleCount}>
+            {`${partyForm.title.length}/15`}
+          </div>
         </label>
         <label>
           <h3>인원</h3>
@@ -206,7 +209,7 @@ function DetailCustomization({
                 </option>
               ))}
             </select>
-            <div>~</div>
+            <div className={styles.textCenter}>~</div>
             <select
               onChange={(e) =>
                 dispatchPartyForm({
@@ -224,7 +227,7 @@ function DetailCustomization({
                   </option>
                 ))}
             </select>
-            <div>인</div>
+            <div className={styles.textCenter}>인</div>
           </div>
         </label>
         <label>
@@ -245,7 +248,7 @@ function DetailCustomization({
                 </option>
               ))}
             </select>
-            <div>시간</div>
+            <div className={styles.textCenter}>시간</div>
             <select
               onChange={(e) =>
                 handleOpenPeriod({
@@ -261,7 +264,8 @@ function DetailCustomization({
                 </option>
               ))}
             </select>
-            <div>분 후</div>
+            <div className={styles.textCenter}>분 후</div>
+            <div className={styles.dueDate}>23시 34분 마감</div>
           </div>
         </label>
         <label className={styles.contentLabel}>
@@ -277,6 +281,9 @@ function DetailCustomization({
             }
             placeholder='상세글을 작성해 주세요.'
           />
+          <div
+            className={styles.contentCount}
+          >{`${partyForm.content.length}/1000`}</div>
         </label>
         <div className={styles.submitButtonWrap}>
           <button type='submit' disabled={isSubmitting}>
diff --git a/styles/party/PartyCreate.module.scss b/styles/party/PartyCreate.module.scss
index 3908ca327..fd5be518d 100644
--- a/styles/party/PartyCreate.module.scss
+++ b/styles/party/PartyCreate.module.scss
@@ -4,7 +4,6 @@
 .pageContainer {
   @include pageWrap;
   color: $white1;
-  background: $party-gradien4;
 }
 
 .selectionPageContainer {
@@ -138,9 +137,20 @@
         font-weight: 600;
         letter-spacing: 1px;
       }
-      &.titleLabel > input {
-        width: 100%;
-        padding-left: 8px;
+      &.titleLabel {
+        position: relative;
+
+        input {
+          width: 100%;
+          padding-left: 8px;
+        }
+        .titleCount {
+          position: absolute;
+          right: 0.5em;
+          bottom: 0.5em;
+          font-size: $medium-font;
+          color: $medium-gray;
+        }
       }
       .peopleSelectWrap {
         display: flex;
@@ -151,13 +161,13 @@
           width: 2.5em;
           text-align: center;
         }
-        div {
-          display: flex;
-          justify-content: center;
+        .textCenter {
           width: 2.5em;
+          text-align: center;
         }
       }
       .dueDateWrap {
+        position: relative;
         display: flex;
         align-items: center;
         font-size: $big-font;
@@ -166,18 +176,37 @@
           width: 2.5em;
           text-align: center;
         }
-        div {
-          display: flex;
-          justify-content: center;
+        .textCenter {
           width: 2.5em;
+          text-align: center;
+        }
+        .dueDate {
+          position: absolute;
+          right: 0;
+          padding: 0.5em;
+          font-size: $medium-font;
+          color: $medium-gray;
+          text-wrap: nowrap;
+          border-radius: 8px;
         }
       }
-      &.contentLabel > textarea {
-        height: 100%;
-        padding: 0.8em;
-        overflow-y: scroll;
-        font-size: $medium-font;
-        line-height: 1.3em;
+      &.contentLabel {
+        position: relative;
+
+        textarea {
+          height: 100%;
+          padding: 0.8em;
+          overflow-y: scroll;
+          font-size: $medium-font;
+          line-height: 1.3em;
+        }
+        .contentCount {
+          position: absolute;
+          right: 0.5em;
+          bottom: 0.5em;
+          font-size: $medium-font;
+          color: $medium-gray;
+        }
       }
     }
     .submitButtonWrap {

From 15b150d72c95b8abf25ebc4cd769069beb65c0df Mon Sep 17 00:00:00 2001
From: izone00 <woojin5555@gmail.com>
Date: Wed, 27 Mar 2024 18:27:56 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[Fix]=20PARTY=5FDETAIL=20=EB=B0=B0=EA=B2=BD?=
 =?UTF-8?q?=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/Layout/Layout.module.scss | 3 ---
 types/partyTypes.ts              | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/styles/Layout/Layout.module.scss b/styles/Layout/Layout.module.scss
index 4fe01d308..208ceba55 100644
--- a/styles/Layout/Layout.module.scss
+++ b/styles/Layout/Layout.module.scss
@@ -30,9 +30,6 @@
   &.party-main {
     background: url('/image/party-background.png');
   }
-  &.party-detail {
-    background: linear-gradient(black, $party-blue-dark2 70%, $party-blue-sky3);
-  }
   @each $theme, $color in $bg-theme-colors {
     &.#{$theme} {
       background: map-get($map: $color, $key: 'background');
diff --git a/types/partyTypes.ts b/types/partyTypes.ts
index d92d4e95b..66920e5a3 100644
--- a/types/partyTypes.ts
+++ b/types/partyTypes.ts
@@ -127,4 +127,4 @@ export type PartyPenaltyAdmin = {
   penaltyTime: number;
 };
 
-export type PartyColors = 'PARTY-MAIN' | 'PARTY-DETAIL';
+export type PartyColors = 'PARTY-MAIN';