diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2025-08-14 18:07:12 +0100 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2025-08-14 18:07:12 +0100 |
| commit | 4697556cac819c47d068819b9fc9c3b4ea84e279 (patch) | |
| tree | b832d8fc6b643a8b9d0eeca35c1268e1649da731 /web/components/Spinner.vue | |
| parent | dd49c9205bb04844b686b9c3396c40eb49d25826 (diff) | |
Merge confplanner-web and replace fiber with native net/http
Diffstat (limited to 'web/components/Spinner.vue')
| -rw-r--r-- | web/components/Spinner.vue | 30 |
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> |
