kglt/fyne-on
1
0
Fork 0
Code Pull requests 1 Activity Actions 6

fix(ui): Profile avatar image motion setting #3044 (#3066)

Browse source 
Co-authored-by: null <null>
This commit is contained in:
Andrew Crescencio 2024-11-27 06:09:33 -03:00 • committed by GitHub
parent 5753f0b869
commit 008248ee0f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/account/AccountAvatar.vue
View file

@ -1,13 +1,18 @@
<script setup lang="ts"> <script setup lang="ts">
import type { mastodon } from 'masto' import type { mastodon } from 'masto'
defineProps<{ const { account, square } = defineProps<{
account: mastodon.v1.Account account: mastodon.v1.Account
square?: boolean square?: boolean
}>() }>()
const loaded = ref(false) const loaded = ref(false)
const error = ref(false) const error = ref(false)
const preferredMotion = usePreferredReducedMotion()
const accountAvatarSrc = computed(() => {
return preferredMotion.value === 'reduce' ? account.avatarStatic : account.avatar
})
</script> </script>
<template> <template>
@ -16,7 +21,7 @@ const error = ref(false)
width="400" width="400"
height="400" height="400"
select-none select-none
:src="(error || !loaded) ? 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' : account.avatar" :src="(error || !loaded) ? 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' : accountAvatarSrc"
:alt="$t('account.avatar_description', [account.username])" :alt="$t('account.avatar_description', [account.username])"
loading="lazy" loading="lazy"
class="account-avatar" class="account-avatar"