feat: width can be changed as reactive

project-ait · Oct 31, 2023 · dd475fe · dd475fe
1 parent e190595
commit dd475fe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git 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>
diff --git 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);