diff --git a/package.json b/package.json index 869b15908..39ad82ef3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "calckey", - "version": "13.0.5", + "version": "13.0.6", "codename": "aqua", "repository": { "type": "git", diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue index 2c6c44d3c..6056a0083 100644 --- a/packages/client/src/pages/about.vue +++ b/packages/client/src/pages/about.vue @@ -14,7 +14,7 @@
- +
{{ $instance.name || host }}
@@ -120,7 +120,7 @@ withDefaults(defineProps<{ }); let stats = $ref(null); -let icon = $ref(null); +let instanceIcon = $ref(); 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'; } }); });