Fix Options item labels
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
William Buezas 2024-04-12 09:35:57 -03:00
parent 73703dc778
commit b4d92d4f97
1 changed files with 11 additions and 9 deletions

View File

@ -117,16 +117,18 @@ onBeforeMount(async () => {
hide-selected hide-selected
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem class="column" v-bind="scope.itemProps">
<QItemSection style="max-width: 20%"> <QItemLabel class="row">
<QItemLabel> <span style="width: 3em">
{{ scope.opt?.code }} {{ scope.opt?.code }}
</span>
<span>
{{ scope.opt?.name }}
</span>
</QItemLabel> </QItemLabel>
<QItemLabel caption> <QItemLabel v-if="scope.opt?.category" caption>
{{ scope.opt?.category?.name }} {{ scope.opt?.category?.name }}
</QItemLabel> </QItemLabel>
</QItemSection>
<QItemSection>{{ scope.opt?.name }}</QItemSection>
</QItem> </QItem>
</template> </template>
</VnSelectFilter> </VnSelectFilter>