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

added a class and a determinat to make log colum header fill availaible space when number of visible column is less than 6

Browse Source
This commit is contained in:
Peter Olu 2022-05-24 16:21:29 +01:00
parent d00b36eefc
commit 157f60dee1
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/dashboard/related/components/LogTable/LogService.vue
View File

@ -14,7 +14,11 @@ See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div @click="showSelectSpan" class="log-item"> <div
@click="showSelectSpan"
:class="{ 'd-flex': visibleColumns.length < 6 }"
class="log-item"
>
<div <div
v-for="(item, index) in visibleColumns" v-for="(item, index) in visibleColumns"
:key="index" :key="index"

1
src/views/dashboard/related/log/Header.vue
View File

@ -726,4 +726,5 @@ watch(
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
background: transparent; background: transparent;
} }
</style> </style>