From 515f7a996c26b40e328b1d606194fce02983fa66 Mon Sep 17 00:00:00 2001
From: leejaeseong11 <easeon78@gmail.com>
Date: Thu, 21 Dec 2023 10:58:25 +0900
Subject: [PATCH 1/2] fix: room out error

---
 src/components/home/ShowQuizSimply.vue | 4 +++-
 src/views/room/WaitingRoom.vue         | 8 ++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/home/ShowQuizSimply.vue b/src/components/home/ShowQuizSimply.vue
index 10e2951..2d93fa7 100644
--- a/src/components/home/ShowQuizSimply.vue
+++ b/src/components/home/ShowQuizSimply.vue
@@ -45,7 +45,7 @@
   </div>
   <div id="quiz-content-title">문제 설명</div>
   <div id="quiz-content-container">
-    <pre id="quiz-content">{{ quizInfo.quizContent }}</pre>
+    <div id="quiz-content">{{ quizInfo.quizContent }}</div>
   </div>
 </template>
 <script>
@@ -83,6 +83,8 @@ export default {
 #quiz-content {
   padding: 8px;
 
+  white-space: pre-wrap;
+  overflow: scroll;
   font-family: 'DNFBitBitv2';
 
   word-wrap: break-word;
diff --git a/src/views/room/WaitingRoom.vue b/src/views/room/WaitingRoom.vue
index aeb2e41..b13c1de 100644
--- a/src/views/room/WaitingRoom.vue
+++ b/src/views/room/WaitingRoom.vue
@@ -215,7 +215,7 @@ export default {
                   if (err.response.data.message == 'ROOM_NOT_FOUND') {
                     this.$router.push({ path: '/' })
 
-                    if (this.roomStatus == 1) {
+                    if (this.roomInfo.roomStatus == 1) {
                       SweetAlert.warning('방이 삭제되었습니다.').then((ok) => {
                         if (ok.isConfirmed) {
                           this.$router.go()
@@ -248,6 +248,7 @@ export default {
                     apiClient.get(`${this.backURL}/room/${this.roomNo}`).then((res) => {
                       if (res) {
                         apiClient.delete(`${this.backURL}/room/${this.roomNo}`).then(async () => {
+                          console.log(res)
                           const outMessage = {
                             type: 'ROOM_QUIT',
                             roomNo: this.roomNo,
@@ -257,7 +258,8 @@ export default {
                             this.socket.send(JSON.stringify(outMessage))
                             // this.socket.close()
                           }
-                          if (this.roomStatus == 1) {
+                          console.log(this.roomInfo.roomStatus)
+                          if (this.roomInfo.roomStatus == 1) {
                             SweetAlert.warning('방이 삭제되었습니다.').then((ok) => {
                               if (ok.isConfirmed) {
                                 if (this.socket.readyState === WebSocket.OPEN) {
@@ -636,6 +638,8 @@ pre {
 }
 
 #room-info-layout {
+  width: 50%;
+
   display: flex;
   flex-direction: column;
 }

From 62f2c065f2ea2632d30ee55cc8da3235a8d5ee2e Mon Sep 17 00:00:00 2001
From: leejaeseong11 <easeon78@gmail.com>
Date: Thu, 21 Dec 2023 11:02:34 +0900
Subject: [PATCH 2/2] fix: simple quiz view title

---
 src/components/home/ShowQuizSimply.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/home/ShowQuizSimply.vue b/src/components/home/ShowQuizSimply.vue
index 2d93fa7..134fa5c 100644
--- a/src/components/home/ShowQuizSimply.vue
+++ b/src/components/home/ShowQuizSimply.vue
@@ -2,7 +2,7 @@
   <div id="quiz-info-container">
     <div class="row">
       <div class="col-3">티어</div>
-      <div class="col-5">제목</div>
+      <div class="col-4">제목</div>
       <div class="col-2">정답률</div>
       <div class="col-2">출제자</div>
     </div>
@@ -30,7 +30,7 @@
       <div class="col-3" v-else>
         {{ quizInfo.quizTier }}
       </div>
-      <div class="col-5">{{ quizInfo.quizTitle }}</div>
+      <div class="col-4" id="simple-quiz-title">{{ quizInfo.quizTitle }}</div>
       <div class="col-2">
         {{
           quizInfo.quizSubmitCnt == 0
@@ -91,4 +91,9 @@ export default {
   font-size: 1.125rem;
   line-height: 1.5rem;
 }
+#simple-quiz-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 </style>