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

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

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"

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>