init

lib/components/dashboard/elements/Spinner.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  export let small: boolean = false;
+</script>
+
+<div
+  class="inline-block h-6 w-6 animate-[spin_0.5s_linear_infinite] rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"
+  class:small
+  role="status">
+  <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
+    >Loading...</span>
+</div>
+
+<style lang="postcss">
+  div.small {
+    @apply w-3 h-3 border-2;
+  }
+</style>