fix: The following code block does not wrap the text

jumpserver · Sep 20, 2024 · 164bc8e · 164bc8e
1 parent f2cae0d
commit 164bc8e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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>