fix：termail 样式调整

nezha-fronted/src/assets/css/animate.css

@@ -1013,13 +1013,11 @@
   0% {
     -webkit-transform: translateY(1200px);
     transform: translateY(1200px);
-    opacity: 0.7;
   }
 
   80% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
-    opacity: 0.7;
   }
 
   100% {

nezha-fronted/src/assets/css/components/cli/fileListState.scss

@@ -44,14 +44,17 @@
     min-height: 50px;
     max-height: 146px;
     line-height: 48px;
+    padding-bottom: 15px;
+    border-radius: 0 0 2px 2px;
     width: 100%;
     overflow-y: auto;
     .file-state-panel-item{
       height: 48px;
       width: 100%;
       box-sizing: border-box;
-      padding: 12px 14px 0px 20px;
+      padding: 3px 14px 3px 20px;
       display: flex;
+      align-items: center;
       justify-content: space-around;
       .item-icon{
         width: 28px;
@@ -78,10 +81,12 @@
           line-height: 15px;
           font-size: 12px;
           font-weight: 400;
+          margin-bottom: 3px;
         }
         .item-progress-middle{
         }
         .item-progress-bottom{
+          margin-top: 3px;
           display: flex;
           justify-content: space-between;
           font-size: 10px;
@@ -96,6 +101,7 @@
         height: 28px;
         color: #fff;
         line-height: 28px;
+        text-align: center;
       }
     }
   }

nezha-fronted/src/components/cli/console.vue

@@ -85,7 +85,7 @@ export default {
       const consoleBox = document.getElementById('ternimalContainer' + this.idIndex)
       consoleBox.style.height = `${consoleHeigt - 55}px`
       // 调整终端可视区域高度
-      document.getElementsByClassName('xterm-screen')[this.idIndex].style.height = `${consoleHeigt - 10}px`
+      document.getElementsByClassName('xterm-screen')[this.idIndex].style.height = `${consoleHeigt - 10 - 30}px`
       this.$nextTick(() => { // 解决进入全屏和退出全屏是底部隐藏
         this.setFontSize(this.fontSize)
       })
@@ -341,7 +341,7 @@ export default {
         rows: this.term.rows
       }
       // 调整终端可视区域高度
-      document.getElementsByClassName('xterm-screen')[this.idIndex].style.height = height + 'px'
+      document.getElementsByClassName('xterm-screen')[this.idIndex].style.height = height - 30 + 'px'
       this.$nextTick(() => {
         this.term.resize(this.term.cols, this.term.rows)
         this.$post('terminal/resize', winStyle).then(response => {