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