优化log显示效果

This commit is contained in:
liuwei
2025-05-28 17:28:12 +08:00
parent 3062f0d6e7
commit 66696685f2

View File

@@ -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 %}