commit: 5ab51613b738bf089770c2ad6d0ae9354d49bcee
parent 031a01be7920e4cf3bda6ed5e4f3e589f9821121
Author: Tusooa Zhu <tusooa@kazv.moe>
Date: Fri, 8 Oct 2021 13:17:47 -0400
Use StillImage for emoji group header
Ref: grouped-emoji-picker
Diffstat:
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
@@ -1,5 +1,6 @@
import { defineAsyncComponent } from 'vue'
import Checkbox from '../checkbox/checkbox.vue'
+import StillImage from '../still-image/still-image.vue'
import lozad from 'lozad'
import { library } from '@fortawesome/fontawesome-svg-core'
import {
@@ -52,7 +53,8 @@ const EmojiPicker = {
},
components: {
StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')),
- Checkbox
+ Checkbox,
+ StillImage
},
methods: {
onStickerUploaded (e) {
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
@@ -16,10 +16,10 @@
v-if="group.image"
class="emoji-picker-header-image"
>
- <img
+ <still-image
:alt="group.text"
:src="group.image"
- >
+ />
</span>
<FAIcon
v-else