mirror of
https://github.com/tcsenpai/swingmusic.git
synced 2025-07-28 13:41:42 +00:00
40 lines
619 B
Vue
40 lines
619 B
Vue
<template>
|
|
<div class="loaderx" :class="{ loader: loading, not_loader: !loading }">
|
|
<div v-if="!loading">🦋</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import state from "@/composables/state";
|
|
|
|
const loading = state.loading;
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.loaderx {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
border-radius: 50%;
|
|
user-select: none;
|
|
}
|
|
|
|
.loader {
|
|
border: dotted $blue;
|
|
animation: spin 0.25s linear infinite;
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
}
|
|
|
|
.not_loader {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
</style>
|