Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <template lang="pug">
AnimBlock(anim='fade')
.b-modal-loader.d-flex.flex-column.align-items-center.justify-content-center.text-secondary(v-if='isLoading')
.b-modal-light.bg-light
slot
.fa.fa-spinner.fa-pulse
span.sr-only Loading...
</template>
<script>
export { default } from "./BaseModalLoader.vue.js";
</script>
<style lang="scss">
.b-modal-loader {
z-index: 1000;
position: absolute;
width: 100%;
height: 100%;
.b-modal-light {
position: absolute;
width: 100%;
height: 100%;
color: white;
z-index: 0;
opacity: 0.5;
}
.fa-spinner, span {
z-index: 2;
}
.fa-spinner {
font-size: 4rem;
}
span {
font-size: 2rem;
}
}
</style>
|