update loading wheel to better match actual splatnet

This commit is contained in:
kittentm 2026-03-17 04:10:04 +01:00
commit 5604bf9e76
No known key found for this signature in database
GPG key ID: AC43DFDBC1F44A91
5 changed files with 55 additions and 59 deletions

View file

@ -30,7 +30,7 @@ window.animateLoadingCanvas = function() {
return;
}
if (!lastUpdateTime) lastUpdateTime = timestamp;
if (timestamp - lastUpdateTime > 50) {
if (timestamp - lastUpdateTime > 10) {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(image, 0, currentFrame * frameHeight, frameWidth, frameHeight, 0, 0, frameWidth, frameHeight);
currentFrame = (currentFrame + 1) % totalFrames;

View file

@ -70,10 +70,9 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 250px;
background-color: rgba(0,0,0,0.8);
border: 3px solid white;
border-radius: 12px;
height: 200px;
background-color: rgba(0,0,0);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: column;

View file

@ -48,10 +48,9 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 250px;
background-color: rgba(0,0,0,0.8);
border: 3px solid white;
border-radius: 12px;
height: 200px;
background-color: rgba(0,0,0);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: column;

View file

@ -48,10 +48,9 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 250px;
background-color: rgba(0,0,0,0.8);
border: 3px solid white;
border-radius: 12px;
height: 200px;
background-color: rgba(0,0,0);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: column;

View file

@ -225,10 +225,9 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 250px;
background-color: rgba(0,0,0,0.8);
border: 3px solid white;
border-radius: 12px;
height: 200px;
background-color: rgba(0,0,0);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: column;