github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 20:59:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: optimize widgets (#111)

Browse Source
This commit is contained in:
Fine0830
2022-06-16 15:19:17 +08:00
committed by GitHub
parent 4c762a2458
commit 2be0a84d48
3 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/dashboard/related/components/LogTable/Index.vue
View File

@@ -17,7 +17,9 @@ limitations under the License. -->
<div class="log">
<div
class="log-header"
:class="[type === 'browser' ? 'browser-header' : 'service-header']"
:class="
type === 'browser' ? ['browser-header', 'flex-h'] : 'service-header'
"
>
<template v-for="(item, index) in columns" :key="`col${index}`">
<div
@@ -118,7 +120,7 @@ function setCurrentLog(log: any) {
.log-header div {
display: inline-block;
padding: 0 4px;
padding: 0 5px;
border: 1px solid transparent;
border-right: 1px dotted silver;
line-height: 30px;
@@ -128,13 +130,15 @@ function setCurrentLog(log: any) {
white-space: nowrap;
}
.browser-header div {
min-width: 140px;
width: 10%;
}
.browser-header {
div {
min-width: 140px;
width: 10%;
}
div.max-item {
width: 20%;
.max-item {
width: 20%;
}
}
.service-header div {