refac: her

This commit is contained in:
Timothy J. Baek 2024-06-12 00:13:35 -07:00
parent cde9672a09
commit a2e30ace02
2 changed files with 16 additions and 4 deletions

View File

@ -89,18 +89,19 @@
position: absolute;
width: 12rem;
height: 12rem;
top: 32%;
top: 34%;
left: 50%;
margin-left: -6rem;
"
src="/logo.svg"
class="animate-pulse-fast"
/>
<div
id="progress-background"
style="
position: absolute;
top: 56%;
top: 58%;
left: 50%;
margin-left: -12rem;
@ -117,7 +118,7 @@
id="progress-bar"
style="
position: absolute;
top: 56%;
top: 58%;
left: 50%;
margin-left: -12rem;
@ -186,4 +187,13 @@
html.her #progress-bar {
display: block;
}
@keyframes pulse {
50% {
opacity: 0.65;
}
}
.animate-pulse-fast {
animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
</style>

View File

@ -2,7 +2,9 @@
import { io } from 'socket.io-client';
import { spring } from 'svelte/motion';
let loadingProgress = spring(0);
let loadingProgress = spring(0, {
stiffness: 0.05
});
import { onMount, tick, setContext } from 'svelte';
import {