pinafore/routes/_components/LoadingSpinner.html

23 lines
449 B
HTML

<svg class="loading-spinner-icon spin {{maskStyle ? 'mask-style' : ''}}"
style="width: {{size}}px; height: {{size}}px;"
aria-label="Loading"
>
<use xlink:href="#fa-spinner" />
</svg>
<style>
.loading-spinner-icon {
fill: var(--svg-fill);
}
.loading-spinner-icon.mask-style {
fill: var(--mask-svg-fill);
}
</style>
<script>
export default {
data: () => ({
maskStyle: false,
size: 64
})
}
</script>