limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-25 19:37:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 🥴

Browse source
This commit is contained in:
ThatOneCalculator 2022-12-17 17:15:15 -08:00
parent ccd55c5251
commit 32e28d4def
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "13.0.5",
"version": "13.0.6",
"codename": "aqua",
"repository": {
"type": "git",

17
packages/client/src/pages/about.vue
View file

@ -14,7 +14,7 @@
<div class="_formRoot">
<div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }">
<div class="content">
<img ref="icon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/>
<img ref="instanceIcon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/>
<div class="name">
<b>{{ $instance.name || host }}</b>
</div>
@ -120,7 +120,7 @@ withDefaults(defineProps<{
});
let stats = $ref(null);
let icon = $ref<HTMLElement>(null);
let instanceIcon = $ref<HTMLImageElement>();
let iconClicks = 0;
let tabs = ['overview', 'emojis', 'charts'];
let tab = $ref(tabs[0]);
@ -187,16 +187,17 @@ function syncSlide(index) {
}
onMounted(() => {
icon.addEventListener('click', async () => {
instanceIcon.addEventListener('click', async () => {
iconClicks++;
icon.style.animation = 'unset';
instanceIcon.style.animation = 'unset';
await sleep(0.1);
icon.style.animation = `iconShake${(iconClicks % 3) + 1} 1 0.3s`;
const normalizedCount = (iconClicks % 3) + 1;
instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`;
if (iconClicks % 3 === 0) {
defaultStore.set('woozyMode', !defaultStore.woozyMode);
await sleep(1.5);
icon.style.animation = 'unset';
icon.style.animation = 'swpinY 1 0.6s';
await sleep(0.4);
instanceIcon.style.animation = 'unset';
instanceIcon.style.animation = 'swpinY 0.9s 1';
}
});
});