pinafore/routes/_components/LoadingSpinner.html

24 lines
454 B
HTML
Raw Normal View History

<svg class="loading-spinner-icon spin {maskStyle ? 'mask-style' : ''}"
style="width: {size}px; height: {size}px;"
2018-02-23 07:10:05 +01:00
aria-label="Loading"
2018-01-22 01:07:11 +01:00
>
<use xlink:href="/icons.svg#fa-spinner" />
2018-01-15 08:24:27 +01:00
</svg>
<style>
.loading-spinner-icon {
2018-01-15 08:24:27 +01:00
fill: var(--svg-fill);
}
.loading-spinner-icon.mask-style {
2018-01-15 08:24:27 +01:00
fill: var(--mask-svg-fill);
}
</style>
<script>
export default {
data: () => ({
maskStyle: false,
size: 64
})
}
</script>