devsam/core
3
6
Fork 1
Code Issues 60 Pull Requests Releases 1 Wiki Activity

fix: 데스크탑 모드에서는 메시지창에 스크롤이 생겨야함

Browse Source
This commit is contained in:
Hide_D
2023-03-09 02:20:24 +09:00
parent 3d97821a59
commit feb10bee93
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hwe/ts/components/MessagePanel.vue
+14 -8
View File
@@ -39,7 +39,7 @@
<template v-if="messagePublic.length == 0"> <template v-if="messagePublic.length == 0">
<div>메시지가 없습니다.</div> <div>메시지가 없습니다.</div>
</template> </template>
<template v-else> <div v-else class="MessageList">
<MessagePlate <MessagePlate
v-for="msg of messagePublic" v-for="msg of messagePublic"
:key="msg.id" :key="msg.id"
@@ -55,7 +55,7 @@
이전 메시지 불러오기 이전 메시지 불러오기
</button> </button>
</div> </div>
</template> </div>
</div> </div>
<div class="NationalTalk"> <div class="NationalTalk">
<div class="stickyAnchor"></div> <div class="stickyAnchor"></div>
@@ -63,7 +63,7 @@
<template v-if="messageNational.length == 0"> <template v-if="messageNational.length == 0">
<div>메시지가 없습니다.</div> <div>메시지가 없습니다.</div>
</template> </template>
<template v-else> <div v-else class="MessageList">
<MessagePlate <MessagePlate
v-for="msg of messageNational" v-for="msg of messageNational"
:key="msg.id" :key="msg.id"
@@ -79,7 +79,7 @@
이전 메시지 불러오기 이전 메시지 불러오기
</button> </button>
</div> </div>
</template> </div>
</div> </div>
<div class="PrivateTalk"> <div class="PrivateTalk">
<div class="stickyAnchor"></div> <div class="stickyAnchor"></div>
@@ -87,7 +87,7 @@
<template v-if="messagePrivate.length == 0"> <template v-if="messagePrivate.length == 0">
<div>메시지가 없습니다.</div> <div>메시지가 없습니다.</div>
</template> </template>
<template v-else> <div v-else class="MessageList">
<MessagePlate <MessagePlate
v-for="msg of messagePrivate" v-for="msg of messagePrivate"
:key="msg.id" :key="msg.id"
@@ -103,7 +103,7 @@
이전 메시지 불러오기 이전 메시지 불러오기
</button> </button>
</div> </div>
</template> </div>
</div> </div>
<div class="DiplomacyTalk"> <div class="DiplomacyTalk">
<div class="stickyAnchor"></div> <div class="stickyAnchor"></div>
@@ -111,7 +111,7 @@
<template v-if="messageDiplomacy.length == 0"> <template v-if="messageDiplomacy.length == 0">
<div>메시지가 없습니다.</div> <div>메시지가 없습니다.</div>
</template> </template>
<template v-else> <div v-else class="MessageList">
<MessagePlate <MessagePlate
v-for="msg of messageDiplomacy" v-for="msg of messageDiplomacy"
:key="msg.id" :key="msg.id"
@@ -127,7 +127,7 @@
이전 메시지 불러오기 이전 메시지 불러오기
</button> </button>
</div> </div>
</template> </div>
</div> </div>
</div> </div>
</template> </template>
@@ -591,6 +591,12 @@ onMounted(async () => {
.only-mobile { .only-mobile {
display: none; display: none;
} }
.MessageList{
overflow-y: auto;
overflow-x: hidden;
height: 650px;
}
} }
@include media-500px { @include media-500px {