diff --git a/nezha-fronted/src/assets/css/animate.css b/nezha-fronted/src/assets/css/animate.css index d5c243d17..0d5cc2bc4 100644 --- a/nezha-fronted/src/assets/css/animate.css +++ b/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% { diff --git a/nezha-fronted/src/assets/css/components/cli/fileListState.scss b/nezha-fronted/src/assets/css/components/cli/fileListState.scss index 714c4ba1f..8e43b2e08 100644 --- a/nezha-fronted/src/assets/css/components/cli/fileListState.scss +++ b/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; } } } diff --git a/nezha-fronted/src/components/cli/console.vue b/nezha-fronted/src/components/cli/console.vue index 87a2802df..5d0bc97cd 100644 --- a/nezha-fronted/src/components/cli/console.vue +++ b/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 => {