forked from cybrespace/pinafore
34 lines
No EOL
679 B
HTML
34 lines
No EOL
679 B
HTML
{{#if error}}
|
|
<svg class="{{className}} avatar" aria-hidden="true">
|
|
<use xlink:href="#fa-user" />
|
|
</svg>
|
|
{{else}}
|
|
<img class="{{className}} avatar" aria-hidden="true" alt=""
|
|
src="{{account.avatar}}" on:loadError="set({error: true})" />
|
|
{{/if}}
|
|
<style>
|
|
.avatar {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
svg.avatar {
|
|
fill: var(--deemphasized-text-color);
|
|
}
|
|
</style>
|
|
<script>
|
|
export default {
|
|
events: {
|
|
loadError (node, callback) {
|
|
node.addEventListener('error', callback)
|
|
|
|
return {
|
|
teardown () {
|
|
node.removeEventListener('error', callback)
|
|
}
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script> |