From 9d21495faae52477dd0963fd83c8e29b062ff95a Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Tue, 19 Apr 2022 15:13:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=93=E5=87=BA=E8=87=AA=E5=8A=A8=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CommandRunResult.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/CommandRunResult.vue b/src/components/CommandRunResult.vue
index a0ba0bc..43da25b 100644
--- a/src/components/CommandRunResult.vue
+++ b/src/components/CommandRunResult.vue
@@ -16,11 +16,14 @@
             >
           </q-toolbar>
           <q-card-section class="row items-center">
-            <div
-              style="white-space: pre"
+            <pre
               :class="runResultStatus ? '' : 'text-red'"
               v-html="runResult"
-            ></div>
+              :style="{
+                whiteSpace: 'pre-wrap',
+                wordWrap: 'break-word',
+              }"
+            ></pre>
           </q-card-section>
           <q-card-actions align="right">
             <q-btn flat label="关闭" color="primary" v-close-popup />
@@ -29,15 +32,18 @@
       </q-dialog>
     </div>
     <div v-else>
-      <div
+      <pre
         v-show="!!runResult"
         :class="{
           'text-red': !runResultStatus,
           'q-pa-md': 1,
         }"
-        style="white-space: pre"
+        :style="{
+          whiteSpace: 'pre-wrap',
+          wordWrap: 'break-word',
+        }"
         v-html="runResult"
-      ></div>
+      ></pre>
     </div>
   </div>
 </template>