github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
Fine 2022-11-09 17:47:39 +08:00
parent 1d42a0143f
commit 690dacddb3
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/dashboard/graphs/components/Legend.vue
View File

@ -22,13 +22,13 @@ limitations under the License. -->
>
<table>
<tr class="col-item">
<td class="empty"></td>
<td class="header-cell"></td>
<td v-for="h in headerRow" :key="h.value">
<div class="cell">{{ h.label }}</div>
</td>
</tr>
<tr class="col-item" v-for="(item, index) in tableData" :key="index">
<td>
<td class="header-cell">
<div class="cell">
<Icon iconName="circle" :style="`color: ${colors[index]};`" />
<i style="font-style: normal">{{ item.name }}</i>
@ -94,7 +94,7 @@ table {
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
width: 60px;
width: 100px;
}
}
@ -107,4 +107,8 @@ table {
line-height: 23px;
padding: 0 5px;
}
.header-cell {
width: 150px;
}
</style>