优化log显示效果
This commit is contained in:
@@ -54,7 +54,7 @@
|
|||||||
refreshInterval: 0,
|
refreshInterval: 0,
|
||||||
refreshTimer: null,
|
refreshTimer: null,
|
||||||
currentView: '9',
|
currentView: '9',
|
||||||
showTimeRangeSelector: false // 禁用时间范围选择器
|
showTimeRangeSelector: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -123,10 +123,12 @@
|
|||||||
.log-content-wrapper {
|
.log-content-wrapper {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.log-content {
|
.log-content {
|
||||||
height: 100%;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
@@ -137,17 +139,26 @@
|
|||||||
|
|
||||||
.log-content pre {
|
.log-content pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
white-space: pre;
|
white-space: pre-wrap;
|
||||||
word-break: normal;
|
word-break: break-all;
|
||||||
word-wrap: normal;
|
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-log {
|
.empty-log {
|
||||||
height: 100%;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-card {
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-card__body {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
Reference in New Issue
Block a user