From fee725db3834218d8656746424f090499caa2e68 Mon Sep 17 00:00:00 2001
From: feng <1304903146@qq.com>
Date: Fri, 20 Sep 2024 12:59:25 +0800
Subject: [PATCH] fix: The following code block does not wrap the text

---
 ui/src/views/chat/components/Message/Text.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/chat/components/Message/Text.vue b/ui/src/views/chat/components/Message/Text.vue
index c81a9d9..8702b43 100644
--- a/ui/src/views/chat/components/Message/Text.vue
+++ b/ui/src/views/chat/components/Message/Text.vue
@@ -103,13 +103,13 @@ onUnmounted(() => {
 
 <template>
   <div :class="wrapClass">
-    <div ref="textRef" class="leading-relaxed break-words">
+    <div ref="textRef" class="leading-relaxed">
       <span v-if="props.message?.content === 'loading' && !role" class="loading-box">
         <span></span>
         <span></span>
         <span></span>
       </span>
-      <div v-else class="inline-block markdown-body" v-html="text" />
+      <div v-else class="markdown-body flex flex-col" v-html="text" />
     </div>
   </div>
 </template>
@@ -157,5 +157,5 @@ onUnmounted(() => {
 }
 .loading-box span:nth-child(3){
   animation-delay: 0.39s;
-}            
+}
 </style>