From 08d5e86434dd65a77408ef07f77e2b40e7b83642 Mon Sep 17 00:00:00 2001
From: CzBiX <gliuwr@gmail.com>
Date: Thu, 2 Apr 2020 15:41:35 +0800
Subject: [PATCH] Fix logs font

---
 src/components/dialogs/LogsDialog.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/dialogs/LogsDialog.vue b/src/components/dialogs/LogsDialog.vue
index d22a1ac..b0dc7d3 100644
--- a/src/components/dialogs/LogsDialog.vue
+++ b/src/components/dialogs/LogsDialog.vue
@@ -21,9 +21,10 @@
           <li
             v-for="(row, i) in logs"
             :key="i"
+            class="log-item"
             :class="row.type | typeColor"
           >
-            [{{ row.type | formatType }} {{ row.timestamp / 1000 | formatTimestamp }}]
+            <span class="tag">[{{ row.type | formatType }} {{ row.timestamp / 1000 | formatTimestamp }}]</span>
             <span v-html="row.message" />
           </li>
         </ol>
@@ -117,10 +118,12 @@ export default class LogsDialog extends HasTask {
 @include dialog-title;
 
 .logs {
-  font-family: monospace;
-
-  li {
+  .log-item {
     line-height: 1.4em;
+
+    .tag {
+      font-family: monospace;
+    }
   }
 }
 </style>