From f513eb14e53fa3408fea54d1f36da6b97d4d7033 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Tue, 20 Aug 2024 22:22:28 +0200
Subject: [PATCH] Adjusted chatbox styling (WIP)

---
 src/components/gui/Chat.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/gui/Chat.vue b/src/components/gui/Chat.vue
index 9f7bffd..3571a76 100644
--- a/src/components/gui/Chat.vue
+++ b/src/components/gui/Chat.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="chat-wrapper 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 class="w-full h-full flex flex-col justify-end">
+    <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">
         <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>