From ee42353e5892224ca99714f9bbc8f4afd17ba864 Mon Sep 17 00:00:00 2001
From: juha <contemplation.person@gmail.com>
Date: Wed, 10 Apr 2024 16:12:12 +0900
Subject: [PATCH] =?UTF-8?q?[Fix]=20join,=20leave=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/party/roomDetail/PartyDetailProfile.tsx | 6 +++++-
 styles/party/PartyDetailRoom.module.scss           | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/party/roomDetail/PartyDetailProfile.tsx b/components/party/roomDetail/PartyDetailProfile.tsx
index 75cff8acb..1462d61cc 100644
--- a/components/party/roomDetail/PartyDetailProfile.tsx
+++ b/components/party/roomDetail/PartyDetailProfile.tsx
@@ -123,6 +123,7 @@ function ButtonHandler({
     <></>
   ) : !myNickname ? (
     <div className={styles.btnContainer}>
+      <div></div>
       <PartyRoomDetailButton.JoinRoom
         roomId={roomId}
         fetchRoomDetail={fetchRoomDetail}
@@ -130,6 +131,7 @@ function ButtonHandler({
     </div>
   ) : hostNickname !== myNickname ? (
     <div className={styles.btnContainer}>
+      <div></div>
       <PartyRoomDetailButton.LeaveRoom
         roomId={roomId}
         fetchRoomDetail={fetchRoomDetail}
@@ -137,11 +139,13 @@ function ButtonHandler({
     </div>
   ) : (
     <div className={styles.btnContainer}>
-      {currentPeople >= minPeople && currentPeople !== 1 && (
+      {currentPeople >= minPeople && currentPeople !== 1 ? (
         <PartyRoomDetailButton.StartRoom
           roomId={roomId}
           fetchRoomDetail={fetchRoomDetail}
         />
+      ) : (
+        <div></div>
       )}
       <PartyRoomDetailButton.LeaveRoom
         roomId={roomId}
diff --git a/styles/party/PartyDetailRoom.module.scss b/styles/party/PartyDetailRoom.module.scss
index b5c7d7334..3efaef3a8 100644
--- a/styles/party/PartyDetailRoom.module.scss
+++ b/styles/party/PartyDetailRoom.module.scss
@@ -174,7 +174,7 @@ $detailCommonRem: 1rem;
 .joinBtn {
   width: 49.5%;
   height: 3rem;
-  margin-bottom: $detailCommonRem;
+  margin-bottom: $detailCommonRem * 0.3;
   font-family: $common-font;
   font-size: $big-font;
   font-weight: $detail-btn-weight;