forked from Cookies_Github_mirror/AquaDX
eef40e39d1
* commit current progress\ will prob work on my mac ltr * more transferring to different device * grammar * [F] Fix warning inconsistency * [O] Split status overlays * [S] Better styling * [+] i18n * [+] Display photos tab conditionally --------- Co-authored-by: Azalea <22280294+hykilpikonna@users.noreply.github.com>
31 lines
567 B
Svelte
31 lines
567 B
Svelte
<script lang="ts">
|
|
import Icon from '@iconify/svelte';
|
|
import { fade } from 'svelte/transition'
|
|
</script>
|
|
|
|
<div class="overlay loading" transition:fade>
|
|
<Icon class="icon" icon="svg-spinners:pulse-2"/>
|
|
<span><span>LOADING</span></span>
|
|
</div>
|
|
|
|
<style lang="sass">
|
|
.loading.overlay
|
|
font-size: 28rem
|
|
|
|
:global(.icon)
|
|
opacity: 0.5
|
|
|
|
> span
|
|
position: absolute
|
|
inset: 0
|
|
display: flex
|
|
justify-content: center
|
|
align-items: center
|
|
background: transparent
|
|
|
|
letter-spacing: 20px
|
|
margin-left: 20px
|
|
|
|
font-size: 1.5rem
|
|
</style>
|