diff options
| author | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
| commit | 1421152a9356c7def86143dfb31a3586d5491d55 (patch) | |
| tree | 15280e72426d2100cb1556bf420eced020182dcd /frontend/src/lib/components/Spinner.svelte | |
| parent | bbf03cbc2822094cffe868e0710d2a8f7e1096c0 (diff) | |
| download | hircine-1421152a9356c7def86143dfb31a3586d5491d55.tar.gz | |
frontend: Migrate to Tailwind 4.0
Diffstat (limited to 'frontend/src/lib/components/Spinner.svelte')
| -rw-r--r-- | frontend/src/lib/components/Spinner.svelte | 25 |
1 files changed, 2 insertions, 23 deletions
diff --git a/frontend/src/lib/components/Spinner.svelte b/frontend/src/lib/components/Spinner.svelte index 1a471a7..d85c4f4 100644 --- a/frontend/src/lib/components/Spinner.svelte +++ b/frontend/src/lib/components/Spinner.svelte @@ -9,28 +9,7 @@ {#if show} <div class="flex h-full w-full items-center justify-center"> - <span class="spinner"></span> + <span class="h-16 w-16 animate-spin rounded-full border-4 border-white/80 border-b-transparent" + ></span> </div> {/if} - -<style lang="postcss"> - .spinner { - width: 64px; - height: 64px; - border: 5px solid theme(colors.gray.200); - border-bottom-color: transparent; - border-radius: 50%; - display: inline-block; - box-sizing: border-box; - animation: rotation 1s linear infinite; - } - - @keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } -</style> |