fix(frontend): アバターデコレーションのアニメーションが止まらない (#13139)
* fix(frontend): アバターデコレーションのアニメーションが止まらない * Update Changelog * i -> index * key * revert lint fixes
This commit is contained in:
		| @@ -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`; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 かっこかり
					かっこかり