From feb10bee939702e877f25e5cbdea10d848f85965 Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Wed, 8 Mar 2023 02:59:40 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=8D=B0=EC=8A=A4=ED=81=AC=ED=83=91=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=9C=EC=97=90=EC=84=9C=EB=8A=94=20=EB=A9=94?=
 =?UTF-8?q?=EC=8B=9C=EC=A7=80=EC=B0=BD=EC=97=90=20=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=EC=9D=B4=20=EC=83=9D=EA=B2=A8=EC=95=BC=ED=95=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/components/MessagePanel.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/hwe/ts/components/MessagePanel.vue b/hwe/ts/components/MessagePanel.vue
index 0dfa4af8..abeb571e 100644
--- a/hwe/ts/components/MessagePanel.vue
+++ b/hwe/ts/components/MessagePanel.vue
@@ -39,7 +39,7 @@
       <template v-if="messagePublic.length == 0">
         <div>메시지가 없습니다.</div>
       </template>
-      <template v-else>
+      <div v-else class="MessageList">
         <MessagePlate
           v-for="msg of messagePublic"
           :key="msg.id"
@@ -55,7 +55,7 @@
             이전 메시지 불러오기
           </button>
         </div>
-      </template>
+      </div>
     </div>
     <div class="NationalTalk">
       <div class="stickyAnchor"></div>
@@ -63,7 +63,7 @@
       <template v-if="messageNational.length == 0">
         <div>메시지가 없습니다.</div>
       </template>
-      <template v-else>
+      <div v-else class="MessageList">
         <MessagePlate
           v-for="msg of messageNational"
           :key="msg.id"
@@ -79,7 +79,7 @@
             이전 메시지 불러오기
           </button>
         </div>
-      </template>
+      </div>
     </div>
     <div class="PrivateTalk">
       <div class="stickyAnchor"></div>
@@ -87,7 +87,7 @@
       <template v-if="messagePrivate.length == 0">
         <div>메시지가 없습니다.</div>
       </template>
-      <template v-else>
+      <div v-else class="MessageList">
         <MessagePlate
           v-for="msg of messagePrivate"
           :key="msg.id"
@@ -103,7 +103,7 @@
             이전 메시지 불러오기
           </button>
         </div>
-      </template>
+      </div>
     </div>
     <div class="DiplomacyTalk">
       <div class="stickyAnchor"></div>
@@ -111,7 +111,7 @@
       <template v-if="messageDiplomacy.length == 0">
         <div>메시지가 없습니다.</div>
       </template>
-      <template v-else>
+      <div v-else class="MessageList">
         <MessagePlate
           v-for="msg of messageDiplomacy"
           :key="msg.id"
@@ -127,7 +127,7 @@
             이전 메시지 불러오기
           </button>
         </div>
-      </template>
+      </div>
     </div>
   </div>
 </template>
@@ -591,6 +591,12 @@ onMounted(async () => {
   .only-mobile {
     display: none;
   }
+
+  .MessageList{
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 650px;
+  }
 }
 
 @include media-500px {