chore: 显示原文时使用 .whitespace-pre-wrap (Chanzhaoyu#779)

显示 ChatGPT 输出的原文时保留空格和换行
jingChen55 · Mar 27, 2023 · 41f0985 · 41f0985
1 parent 18a5983
commit 41f0985
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/views/chat/components/Message/Text.vue b/src/views/chat/components/Message/Text.vue
@@ -72,7 +72,7 @@ defineExpose({ textRef })
       <div ref="textRef" class="leading-relaxed break-words">
         <div v-if="!inversion">
           <div v-if="!asRawText" class="markdown-body" v-html="text" />
-          <div v-else class="raw-text" v-text="text" />
+          <div v-else class="whitespace-pre-wrap" v-text="text" />
         </div>
         <div v-else class="whitespace-pre-wrap" v-text="text" />
       </div>

diff --git a/src/views/chat/components/Message/style.less b/src/views/chat/components/Message/style.less
@@ -62,7 +62,7 @@
 html.dark {
 
 	.message-reply {
-		.raw-text {
+		.whitespace-pre-wrap {
 			white-space: pre-wrap;
 			color: var(--n-text-color);
 		}