From dd475feb328bfeaa51fe5b3fae9a5ca7ee46ac0b Mon Sep 17 00:00:00 2001
From: PleahMaCaka <pleahmacaka@gmail.com>
Date: Tue, 31 Oct 2023 13:42:48 +0900
Subject: [PATCH] feat: width can be changed as reactive

---
 src/lib/components/chat/messages/BaseMessage.svelte | 7 ++++---
 src/lib/components/share/ChatInput.svelte           | 4 +++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/chat/messages/BaseMessage.svelte b/src/lib/components/chat/messages/BaseMessage.svelte
index 8a4fa67..8da3f55 100644
--- a/src/lib/components/chat/messages/BaseMessage.svelte
+++ b/src/lib/components/chat/messages/BaseMessage.svelte
@@ -19,7 +19,7 @@
   />
   <div class="chat-msg">
     {@html decode(marked(message))}
-    <slot/>
+    <slot />
   </div>
 </div>
 
@@ -33,8 +33,8 @@
     color: #f2f2f2;
 
     margin: 0.5rem auto;
-    min-width: 320px;
-    max-width: 60%;
+    min-width: 600px;
+    max-width: 35%;
 
     width: 100%;
   }
@@ -52,6 +52,7 @@
     font-weight: 400;
     line-height: 1.5rem;
     align-self: center;
+    word-break: break-word;
   }
 
 </style>
\ No newline at end of file
diff --git a/src/lib/components/share/ChatInput.svelte b/src/lib/components/share/ChatInput.svelte
index fc9708b..0f5ec75 100644
--- a/src/lib/components/share/ChatInput.svelte
+++ b/src/lib/components/share/ChatInput.svelte
@@ -56,7 +56,9 @@
     flex-direction: row;
     align-items: center;
 
-    width: 47vw;
+    min-width: 540px;
+    max-width: 35%;
+    width: 35%;
     padding: 8px 16px;
     border-radius: 8px;
     background-color: rgba(0, 0, 0, 0.12);