mirror of
https://github.com/ReVanced/revanced-website.git
synced 2026-01-30 06:11:04 +00:00
feat: packages fullscreen dialogue
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user