fixed upload bug

frontend/src/components/ScrollView/LogItem.vue

@@ -23,17 +23,28 @@ export default {
 
 <style scoped>
   .log-item {
-    display: flex;
+    display: table;
+  }
+
+  .log-item:first-child .line-no {
+    padding-top: 10px;
   }
 
   .log-item .line-no {
-    margin-right: 10px;
+    display: table-cell;
+    color: #A9B7C6;
+    background: #313335;
+    padding-right: 10px;
     text-align: right;
     flex-basis: 40px;
+    width: 70px;
   }
 
   .log-item .line-content {
-    display: inline-block;
+    padding-left: 10px;
+    display: table-cell;
+    /*display: inline-block;*/
+    word-break: break-word;
     flex-basis: calc(100% - 50px);
   }
 </style>

frontend/src/components/ScrollView/LogView.vue

@@ -1,6 +1,7 @@
 <template>
   <virtual-list
-    :size="18"
+    class="log-view"
+    :size="6"
     :remain="100"
     :item="item"
     :itemcount="logData.length"
@@ -60,19 +61,12 @@ export default {
 
 <style scoped>
   .log-view {
+    margin-top: 0!important;
     min-height: 100%;
     overflow-y: scroll;
     list-style: none;
-  }
-
-  .log-view .log-line {
-    display: flex;
-  }
-
-  .log-view .log-line:nth-child(odd) {
-  }
-
-  .log-view .log-line:nth-child(even) {
+    color: #A9B7C6;
+    background: #2B2B2B;
   }
 
 </style>