fix: scope search prose whitespace overrides (#653)

Signed-off-by: Bob Du <[email protected]>

Author: BobDu

src/views/chat/components/Message/Search.vue

@@ -157,47 +157,3 @@ function toggleCollapse() {
     </div>
   </div>
 </template>
-
-<style lang="less">
-@import url(./style.less);
-
-.prose {
-  code {
-    background-color: rgba(147,197,253,0.3);
-    padding: .2em .4em;
-    margin: 0;
-    font-size: 85%;
-    border-radius: 3px;
-  }
-  pre {
-    background-color: rgba(191,219,254,1);
-    color: rgba(30,58,138,1);
-    padding: 0.75rem;
-    border-radius: 0.25rem;
-    overflow-x: auto;
-    code {
-      background-color: transparent;
-      padding: 0;
-      margin: 0;
-      font-size: inherit;
-      border-radius: 0;
-      color: inherit;
-    }
-  }
-}
-.dark .prose {
-  color: rgba(191,219,254,1);
-  code {
-    background-color: rgba(30,58,138,0.5);
-    color: rgba(219,234,254,1);
-  }
-  pre {
-    background-color: rgba(30,64,175,0.3);
-    color: rgba(219,234,254,1);
-  }
-}
-
-.whitespace-pre-wrap {
-  white-space: normal;
-}
-</style>

src/views/chat/components/Message/Text.vue

@@ -109,9 +109,9 @@ onUnmounted(() => {
     <div ref="textRef" class="leading-relaxed break-words">
       <div v-if="!inversion" class="flex items-end">
         <div v-if="!asRawText" class="w-full markdown-body" :class="{ 'markdown-body-generate': loading }" v-html="text" />
-        <div v-else class="w-full whitespace-pre-wrap" v-text="text" />
+        <div v-else class="w-full whitespace-pre-wrap break-words" v-text="text" />
       </div>
-      <div v-else class="whitespace-pre-wrap" v-text="text" />
+      <div v-else class="w-full whitespace-pre-wrap break-words" v-text="text" />
       <img v-for="(v, i) of images" :key="i" :src="`/uploads/${v}`" alt="" width="160px">
     </div>
   </div>

src/views/chat/index.vue

@@ -1038,7 +1038,7 @@ onUnmounted(() => {
                   :disabled="!!authStore.session?.auth && !authStore.token && !authStore.session?.authProxyEnabled"
                   type="textarea"
                   :placeholder="placeholder"
-                  :autosize="{ minRows: isMobile ? 1 : 2, maxRows: isMobile ? 4 : 12 }"
+                  :autosize="{ minRows: isMobile ? 2 : 3, maxRows: isMobile ? 4 : 12 }"
                   @input="handleInput"
                   @focus="handleFocus"
                   @blur="handleBlur"