odo/dl.emersa.it
1
0
Fork 0
Code Issues Pull requests Releases 26 Packages Activity Actions

Add loader and new formats
Some checks failed
Bump deps (only minor versions) / ci (push) Failing after 11s
Details

Browse source
This commit is contained in:
0d0 2025-02-23 04:55:09 +01:00
parent 204bceeee3
commit dcb7cfec27
6 changed files with 148 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/Loader.svelte
View file

@ -1,6 +1,8 @@
<div
class="bg-opacity-50 absolute inset-0 z-10 flex items-center justify-center bg-white"
class=" backdrop-blur-xs bg-black/20 absolute inset-0 z-10 flex items-center justify-center "
id="spinner"
>
<div class="h-20 w-20 animate-spin rounded-full border-t-2 border-b-2 border-gray-900"></div>
<div class="w-[150px]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><linearGradient id="a3"><stop offset="0" stop-color="#FF156D" stop-opacity="0"></stop><stop offset="1" stop-color="#FF156D"></stop></linearGradient><circle fill="none" stroke="url(#a3)" stroke-width="15" stroke-linecap="round" stroke-dasharray="0 44 0 44 0 44 0 44 0 360" cx="100" cy="100" r="70" transform-origin="center"><animateTransform type="rotate" attributeName="transform" calcMode="discrete" dur="2" values="360;324;288;252;216;180;144;108;72;36" repeatCount="indefinite"></animateTransform></circle></svg>
</div>
</div>