feat: packages fullscreen dialogue

This commit is contained in:
afn
2022-12-26 02:26:11 -05:00
parent 6f6f30e3bb
commit 715cb6a37d
9 changed files with 123 additions and 81 deletions

View File

@@ -2,9 +2,7 @@
import { fade } from 'svelte/transition';
</script>
<div class="spinner-container">
<div class="spinner" transition:fade={{ duration: 250 }} />
</div>
<div class="spinner" transition:fade={{ duration: 250 }} />
<style>
@keyframes spinner {
@@ -13,19 +11,15 @@
}
}
.spinner-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.spinner:before {
content: '';
box-sizing: border-box;
width: 50px;
height: 50px;
border-radius: 50%;
position: fixed;
top: 50%;
left: 50%;
border: 4.5px solid transparent;
border-top-color: var(--accent-color);
animation: spinner 0.6s linear infinite;