extract loading in a component

2023-07-20 12:51:00 +02:00
parent 0625747638
commit 793a45e3df
2 changed files with 20 additions and 18 deletions
--- a/src/components/LiteLoading.vue
+++ b/src/components/LiteLoading.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="lite-loading">
+    <img class="is-loading" src="@/assets/icons/loading.svg" alt="loading..." />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.lite-loading {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+
+  .is-loading {
+    animation: spinAround 0.8s infinite linear;
+  }
+}
+</style>