diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-10-08 13:17:47 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-09-18 13:19:51 -0400 |
| commit | 5ab51613b738bf089770c2ad6d0ae9354d49bcee (patch) | |
| tree | 99d0898402224bb6bf5f5a8f11dc0a2b2c31d5b4 | |
| parent | 031a01be7920e4cf3bda6ed5e4f3e589f9821121 (diff) | |
Use StillImage for emoji group header
Ref: grouped-emoji-picker
| -rw-r--r-- | src/components/emoji_picker/emoji_picker.js | 4 | ||||
| -rw-r--r-- | src/components/emoji_picker/emoji_picker.vue | 4 |
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 index d60daab7..5b90c31e 100644 --- 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 index fb2eef25..ed196066 100644 --- 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 |