qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use StillImage for emoji group header

Browse source 
Ref: grouped-emoji-picker
This commit is contained in:
Tusooa Zhu 2021-10-08 13:17:47 -04:00
parent 031a01be79
commit 5ab51613b7
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/emoji_picker/emoji_picker.js
View file

@ -1,5 +1,6 @@
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from 'vue'
import Checkbox from '../checkbox/checkbox.vue' import Checkbox from '../checkbox/checkbox.vue'
import StillImage from '../still-image/still-image.vue'
import lozad from 'lozad' import lozad from 'lozad'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import { import {
@ -52,7 +53,8 @@ const EmojiPicker = {
}, },
components: { components: {
StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')), StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')),
Checkbox Checkbox,
StillImage
}, },
methods: { methods: {
onStickerUploaded (e) { onStickerUploaded (e) {

4
src/components/emoji_picker/emoji_picker.vue
View file

@ -16,10 +16,10 @@
v-if="group.image" v-if="group.image"
class="emoji-picker-header-image" class="emoji-picker-header-image"
> >
<img <still-image
:alt="group.text" :alt="group.text"
:src="group.image" :src="group.image"
> />
</span> </span>
<FAIcon <FAIcon
v-else v-else