Skip to content

Commit

Permalink
fix: show empty status
Browse files Browse the repository at this point in the history
  • Loading branch information
staylorwr committed Jan 20, 2022
1 parent 7c39bf7 commit 09297df
Showing 1 changed file with 31 additions and 28 deletions.
59 changes: 31 additions & 28 deletions assets/src/components/Detail/MultiSelect.vue
Original file line number Diff line number Diff line change
Expand Up @@ -4,41 +4,44 @@
slot="value"
class="text-gray-darkest"
>
<span
v-for="v in field.value"
:key="v.value"
class="inline-block mr-2 border border-rounded-sm px-2 py-1"
>
<div
v-if="v.title"
slot="default"
class="flex items-center"
<span v-if="field.value.length">
<span
v-for="v in field.value"
:key="v.value"
class="inline-flex items-center mr-2 border border-rounded-sm px-2 py-1 mb-2"
>
<div
v-if="v.thumbnail"
class="mr-3"
v-if="v.title"
slot="default"
class="flex items-center"
>
<img
:src="v.thumbnail"
class="w-6 h-6 rounded block"
<div
v-if="v.thumbnail"
class="mr-3"
>
<img
:src="v.thumbnail"
class="w-6 h-6 rounded block"
>
</div>
<div class="flex">
<p class="text-gray-darkest mr-2">
{{ v.title }}
</p>
<p
v-if="v.subtitle"
class="text-xs mt-1 opacity-75"
>
{{ v.subtitle }}
</p>
</div>
</div>
<div class="flex">
<p class="text-gray-darkest mr-2">
{{ v.title }}
</p>
<p
v-if="v.subtitle"
class="text-xs mt-1 opacity-75"
>
{{ v.subtitle }}
</p>
</div>
</div>
<span v-else>
{{ v.label }}
<span v-else>
{{ v.label }}
</span>
</span>
</span>
<span v-else>&mdash;</span>
</p>
</panel-item>
</template>
Expand Down

0 comments on commit 09297df

Please sign in to comment.