lks/websocket-chat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show timestamp

Browse Source
This commit is contained in:
Lucas Schumacher 2023-11-09 13:42:40 -05:00
parent e639604ef6
commit aead788292
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/Chat.vue
View File

@ -52,8 +52,11 @@ onMounted(async () => {
</div> </div>
--> -->
<div v-for="msg in msgs" class="d-flex text-body-secondary pt-2 px-3 border-bottom"> <div v-for="msg in msgs" class="d-flex text-body-secondary pt-2 px-3 border-bottom">
<p class="pb-2 mb-0 small lh-sm"> <p class="pb-2 mb-0 small lh-sm word-wrap">
<div class="d-flex justify-content-between">
<strong class="d-block text-gray-dark">{{ msg.username }}</strong> <strong class="d-block text-gray-dark">{{ msg.username }}</strong>
<div>{{ msg.timestamp }}</div>
</div>
{{ msg.message }} {{ msg.message }}
</p> </p>
</div> </div>
@ -68,3 +71,10 @@ onMounted(async () => {
</main> </main>
</template> </template>
<style scoped>
.word-wrap {
word-break: break-all;
width: 100vw;
}
</style>