Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 🥚 animation

Browse Source
This commit is contained in:
ThatOneCalculator 2023-07-25 23:49:51 -07:00
parent 97d395ce2a
commit accbb55be0
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/client/src/pages/about.vue
View File

@ -270,24 +270,27 @@ function easterEgg() {
defaultStore.state.woozyMode = !defaultStore.state.woozyMode; defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
defaultStore.set("woozyMode", defaultStore.state.woozyMode); defaultStore.set("woozyMode", defaultStore.state.woozyMode);
if (instanceIcon) { if (instanceIcon) {
if (iconClicks % 6 === 0) { instanceIconAnimation.value = "spin";
iconSrc.value = setTimeout(() => {
instance.iconUrl || instance.faviconUrl || "/favicon.ico"; if (iconClicks % 6 === 0) {
} else { iconSrc.value =
iconSrc.value = "/static-assets/woozy.png"; instance.iconUrl ||
} instance.faviconUrl ||
instanceIcon.src = iconSrc.value; "/favicon.ico";
} else {
iconSrc.value = "/static-assets/woozy.png";
}
instanceIcon.src = iconSrc.value;
}, 500);
} }
} }
} }
watch(iconSrc, (newValue, oldValue) => { watch(iconSrc, (newValue, oldValue) => {
if (newValue !== oldValue) { if (newValue !== oldValue) {
instanceIconAnimation.value = "spin";
setTimeout(() => { setTimeout(() => {
instanceIconAnimation.value = ""; instanceIconAnimation.value = "";
}, 1000); }, 500);
} }
}); });

11
packages/client/src/style.scss
View File

@ -957,15 +957,4 @@ hr {
opacity: 0; opacity: 0;
} }
} }
@keyframes spinY {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
} }