This commit is contained in:
2023-04-24 15:25:31 +10:00
parent cb0de6a2d5
commit 7e2917d447

View File

@@ -1,39 +0,0 @@
<template>
<template v-if="loading">
<transition name="fade">
<div v-if="loading" class="sm-loader">
<SMLoadingIcon />
</div>
</transition>
</template>
<slot v-else></slot>
</template>
<script setup lang="ts">
import SMLoadingIcon from "./SMLoadingIcon.vue";
defineProps({
loading: {
type: Boolean,
default: false,
required: true,
},
});
</script>
<style lang="scss">
.sm-loader {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(4px);
background-color: rgba(255, 255, 255, 0.5);
z-index: 10000;
}
</style>