noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjusted chatbox styling (WIP)

Browse Source
This commit is contained in:
Colin Kallemein 2024-08-20 22:22:28 +02:00
parent 257c71318d
commit f513eb14e5
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/gui/Chat.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="chat-wrapper w-full h-full flex flex-col justify-end"> <div class="w-full h-full flex flex-col justify-end">
<div ref="chatWindow" class="chat-window w-full max-w-[750px] min-h-36 mb-5 overflow-y-auto bg-gray-300/80 rounded-lg border-2 border-solid border-cyan-200 p-4"> <div ref="chatWindow" class="w-[calc(100%_-_36px)] max-w-[750px] min-h-36 mb-5 overflow-y-auto bg-gray-300/80 rounded-lg border-2 border-solid border-cyan-200 p-4">
<div v-for="message in chats" class="flex-col py-2 items-center"> <div v-for="message in chats" class="flex-col py-2 items-center">
<span class="text-ellipsis overflow-hidden whitespace-nowrap text-sm text-gray-50">{{ message.character.name }}</span> <span class="text-ellipsis overflow-hidden whitespace-nowrap text-sm text-gray-50">{{ message.character.name }}</span>
<p class="text-sm m-0">{{ message.message }}</p> <p class="text-sm m-0">{{ message.message }}</p>