From 3d5b8f05c816367c2785866be2a7e976f9b6b89c Mon Sep 17 00:00:00 2001
From: Hanxing Yang <nighca@live.cn>
Date: Mon, 26 Aug 2024 17:28:03 +0800
Subject: [PATCH] Optimize console style (#808)

---
 .../project/runner/RunnerContainer.vue           | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/spx-gui/src/components/project/runner/RunnerContainer.vue b/spx-gui/src/components/project/runner/RunnerContainer.vue
index 70d6849fc..cf6a840e2 100644
--- a/spx-gui/src/components/project/runner/RunnerContainer.vue
+++ b/spx-gui/src/components/project/runner/RunnerContainer.vue
@@ -49,7 +49,7 @@
             :class="`message message-${type}`"
           >
             <span class="time">{{ time }}</span>
-            <span>{{ message }}</span>
+            <pre class="content">{{ message }}</pre>
           </div>
         </div>
       </div>
@@ -221,16 +221,20 @@ button {
 }
 
 .console {
-  padding-top: 8px;
+  padding: var(--ui-gap-middle);
   flex-direction: column-reverse;
   display: flex;
   .message {
-    font-family: monospace;
-    font-size: smaller;
+    display: flex;
+    gap: var(--ui-gap-middle);
+    font-family: var(--ui-font-family-code);
     .time {
+      flex: 0 0 auto;
       opacity: 0.5;
-      padding-left: 0.5em;
-      padding-right: 0.5em;
+    }
+    .content {
+      flex: 1 1 0;
+      text-wrap: wrap;
     }
   }
   .message-warn {