aboutsummaryrefslogtreecommitdiffstats
path: root/web/components/Spinner.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2025-08-14 18:07:12 +0100
committerLeonardo Bishop <me@leonardobishop.com>2025-08-14 18:07:12 +0100
commit4697556cac819c47d068819b9fc9c3b4ea84e279 (patch)
treeb832d8fc6b643a8b9d0eeca35c1268e1649da731 /web/components/Spinner.vue
parentdd49c9205bb04844b686b9c3396c40eb49d25826 (diff)
Merge confplanner-web and replace fiber with native net/http
Diffstat (limited to 'web/components/Spinner.vue')
-rw-r--r--web/components/Spinner.vue30
1 files changed, 30 insertions, 0 deletions
diff --git a/web/components/Spinner.vue b/web/components/Spinner.vue
new file mode 100644
index 0000000..a58f83d
--- /dev/null
+++ b/web/components/Spinner.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { Loader2Icon } from 'lucide-vue-next'
+
+const props = defineProps<{
+ color?: string
+ size?: number
+}>()
+
+</script>
+
+<template>
+ <Loader2Icon class="icon-loader" :color="color" :size="size" />
+</template>
+
+<style scoped>
+.icon-loader {
+ animation: spin 1s linear infinite;
+ color: var(--color-text);
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+</style>