summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components
diff options
context:
space:
mode:
authorかっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>2024-02-02 15:19:23 +0900
committerGitHub <noreply@github.com>2024-02-02 15:19:23 +0900
commitc38f5ee528d4517607b84d835286460bea9b6779 (patch)
tree2049956f5f4abc1c50d84831c65c14c7086a6732 /packages/frontend/src/components
parentenhance(frontend): shiki v1に移行 (#13138) (diff)
downloadmisskey-c38f5ee528d4517607b84d835286460bea9b6779.tar.gz
misskey-c38f5ee528d4517607b84d835286460bea9b6779.tar.bz2
misskey-c38f5ee528d4517607b84d835286460bea9b6779.zip
fix(frontend): アバターデコレーションのアニメーションが止まらない (#13139)
* fix(frontend): アバターデコレーションのアニメーションが止まらない * Update Changelog * i -> index * key * revert lint fixes
Diffstat (limited to 'packages/frontend/src/components')
-rw-r--r--packages/frontend/src/components/global/MkAvatar.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue
index c54dc18ab0..0c7e61a3ac 100644
--- a/packages/frontend/src/components/global/MkAvatar.vue
+++ b/packages/frontend/src/components/global/MkAvatar.vue
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<img
v-for="decoration in decorations ?? user.avatarDecorations"
:class="[$style.decoration]"
- :src="decoration.url"
+ :src="getDecorationUrl(decoration)"
:style="{
rotate: getDecorationAngle(decoration),
scale: getDecorationScale(decoration),
@@ -92,6 +92,11 @@ function onClick(ev: MouseEvent): void {
emit('click', ev);
}
+function getDecorationUrl(decoration: Omit<Misskey.entities.UserDetailed['avatarDecorations'][number], 'id'>) {
+ if (defaultStore.state.disableShowingAnimatedImages || defaultStore.state.dataSaver.avatar) return getStaticImageUrl(decoration.url);
+ return decoration.url;
+}
+
function getDecorationAngle(decoration: Omit<Misskey.entities.UserDetailed['avatarDecorations'][number], 'id'>) {
const angle = decoration.angle ?? 0;
return angle === 0 ? undefined : `${angle * 360}deg`;