MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-04 13:56:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix animated emoji in notifications tab

Browse Source
This commit is contained in:
Natsumi
2025-10-23 18:18:58 +11:00
parent 5747c39106
commit ac622ae35c
5 changed files with 87 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Notifications/Notification.vue
+5 -5
View File
@@ -126,13 +126,12 @@
<el-table-column :label="t('table.notification.photo')" width="100" prop="photo">
<template #default="scope">
<template v-if="scope.row.type === 'boop'">
<img
v-if="scope.row.details?.imageUrl && !scope.row.details.imageUrl.startsWith('default_')"
<Emoji
class="x-link"
:src="getSmallThumbnailUrl(scope.row.details.imageUrl)"
style="flex: none; height: 50px; border-radius: 4px"
@click="showFullscreenImageDialog(scope.row.details.imageUrl)"
loading="lazy" />
v-if="scope.row.details?.imageUrl && !scope.row.details.imageUrl.startsWith('default_')"
:imageUrl="scope.row.details.imageUrl"
:size="50"></Emoji>
</template>
<template v-else-if="scope.row.details && scope.row.details.imageUrl">
<img
@@ -432,6 +431,7 @@
import { friendRequest, notificationRequest, worldRequest } from '../../api';
import { database } from '../../service/database';
import Emoji from '../../components/Emoji.vue';
import SendInviteRequestResponseDialog from './dialogs/SendInviteRequestResponseDialog.vue';
import SendInviteResponseDialog from './dialogs/SendInviteResponseDialog.vue';
import configRepository from '../../service/config';
src/views/Tools/dialogs/GalleryDialog.vue
+4 -26
View File
@@ -260,25 +260,7 @@
getEmojiFileName(image)
)
">
<template v-if="image.frames">
<div
class="avatar"
:style="
generateEmojiStyle(
image.versions[image.versions.length - 1].file.url,
image.framesOverTime,
image.frames,
image.loopStyle,
200
)
"></div>
</template>
<template v-else>
<img
class="avatar"
:src="image.versions[image.versions.length - 1].file.url"
loading="lazy" />
</template>
<Emoji :imageUrl="image.versions[image.versions.length - 1].file.url" :size="200"></Emoji>
</div>
<div style="display: inline-block; margin: 5px">
<span v-if="image.loopStyle === 'pingpong'">
@@ -553,19 +535,15 @@
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import {
extractFileId,
formatDateFilter,
generateEmojiStyle,
getEmojiFileName,
getPrintFileName
} from '../../../shared/utils';
import { inventoryRequest, miscRequest, userRequest, vrcPlusIconRequest, vrcPlusImageRequest } from '../../../api';
import { extractFileId, formatDateFilter, getEmojiFileName, getPrintFileName } from '../../../shared/utils';
import { useAdvancedSettingsStore, useAuthStore, useGalleryStore, useUserStore } from '../../../stores';
import { emojiAnimationStyleList, emojiAnimationStyleUrl } from '../../../shared/constants';
import { AppDebug } from '../../../service/appConfig';
import { handleImageUploadInput } from '../../../shared/utils/imageUpload';
import Emoji from '../../../components/Emoji.vue';
const { t } = useI18n();
const {