Remove spinner after image has been loaded

This fixes transparent images that still show the spinner beneath them
after they've been loaded successfully.
This commit is contained in:
L. E. Segovia 2018-11-22 15:09:03 +00:00
parent 73a0f8bec1
commit 0837765bca
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
1 changed files with 11 additions and 6 deletions

View File

@ -4,6 +4,8 @@
:title="title"
:alt="alt"
v-on:error="failover"
v-on:load="loading = false"
:class="loading ? 'loading' : ''"
@click="$emit('click')" />
</template>
@ -46,11 +48,14 @@ export default {
<style lang="scss" scoped>
img {
min-width: 20px;
min-height: 20px;
background-image: url("../../assets/images/loading-spinner.svg");
min-width: 1em;
min-height: 1em;
&.loading {
background-image: url("../../images/loading-spinner.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
}
</style>