paulmataruso/libredesk
1
0
Fork 0
mirror of https://github.com/abhinavxd/libredesk.git synced 2025-11-03 13:33:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: SelectCombobox adjust item and selected templates for proper emoji rendering

Browse Source
This commit is contained in:
Abhinav Raut
2025-06-03 22:36:49 +05:30
parent 7f2df0082c
commit fb2a08ec1a
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/combobox/SelectCombobox.vue
View File

@@ -5,8 +5,9 @@
:items="items"
:placeholder="placeholder"
>
<!-- Items -->
<template #item="{ item }">
<div class="flex items-center gap-2 ml-2">
<div class="flex items-center gap-2">
<!--USER -->
<Avatar v-if="type === 'user'" class="w-7 h-7">
<AvatarImage :src="item.avatar_url || ''" :alt="item.label.slice(0, 2)" />
@@ -14,10 +15,12 @@
</Avatar>
<!-- Others -->
<span v-else>{{ item.emoji }}</span>
<span v-else-if="item.emoji">{{ item.emoji }}</span>
<span>{{ item.label }}</span>
</div>
</template>
<!-- Selected -->
<template #selected="{ selected }">
<div class="flex items-center gap-2">
<div v-if="selected" class="flex items-center gap-2">
@@ -28,7 +31,7 @@
</Avatar>
<!-- Others -->
<span v-else>{{ selected.emoji }}</span>
<span v-else-if="selected.emoji">{{ selected.emoji }}</span>
<span>{{ selected.label }}</span>
</div>
<span v-else>{{ placeholder }}</span>