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

显示 ChatGPT 输出的原文时保留空格和换行
anyer · Mar 22, 2023 · 9227893 · 9227893
1 parent 9c6a3d6
commit 9227893
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);
  }