add fallback images to avatars

This commit is contained in:
MiniDigger 2021-03-09 18:49:31 +01:00
parent 456f9c4f4d
commit c607d485bb
2 changed files with 12 additions and 2 deletions

View File

@ -1,6 +1,12 @@
<template>
<NuxtLink :to="url">
<img :title="username" :src="src" :alt="username" :class="'user-avatar ' + clazz" />
<img
:title="username"
:src="src"
:alt="username"
:class="'user-avatar ' + clazz"
@error="$event.target.src = 'https://paper.readthedocs.io/en/latest/_images/papermc_logomark_500.png'"
/>
</NuxtLink>
</template>

View File

@ -48,7 +48,11 @@
:value="$store.state.auth.user.headerData.unreadNotifications"
>
<v-avatar size="44" class="ml-2">
<img :src="$util.avatarUrl($store.state.auth.user.name)" :alt="$store.state.auth.user.name" />
<img
:src="$util.avatarUrl($store.state.auth.user.name)"
:alt="$store.state.auth.user.name"
@error="$event.target.src = 'https://paper.readthedocs.io/en/latest/_images/papermc_logomark_500.png'"
/>
</v-avatar>
</v-badge>
</v-btn>