diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-07-07 12:09:08 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-07-07 12:09:08 -0400 |
| commit | 7205caf6afb58bee230a04a5830842ea6e5b10ff (patch) | |
| tree | c3a3eaeb0b1907be6d7ab909793b87fa0090cba4 /src/components/Loader.svelte | |
| parent | b659ac111c8c3ea16be0d856b095cb6a85c2beef (diff) | |
| download | personal-website-7205caf6afb58bee230a04a5830842ea6e5b10ff.tar.gz personal-website-7205caf6afb58bee230a04a5830842ea6e5b10ff.tar.bz2 personal-website-7205caf6afb58bee230a04a5830842ea6e5b10ff.zip | |
Added videos page
Diffstat (limited to 'src/components/Loader.svelte')
| -rw-r--r-- | src/components/Loader.svelte | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/Loader.svelte b/src/components/Loader.svelte new file mode 100644 index 0000000..55d1d40 --- /dev/null +++ b/src/components/Loader.svelte @@ -0,0 +1,30 @@ +<style> + .loader { + width: 48px; + height: 48px; + border: 5px solid #b3f69e; + border-bottom-color: #609460; + 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); + } + } + .centre { + display: flex; + justify-content: center; + } + +</style> + +<div class="centre"> + <span class="loader"></span> +</div> |