fix: 🥴

This commit is contained in:
ThatOneCalculator 2022-12-17 18:17:24 -08:00
parent 8146f8922e
commit c3c6ab52b4
3 changed files with 8 additions and 11 deletions

View file

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

View file

@ -1,6 +1,6 @@
<template> <template>
<button v-tooltip.noDelay.bottom="i18n.ts._gallery.like" class="skdfgljsdkf _button" @click="star($event)"> <button v-tooltip.noDelay.bottom="i18n.ts._gallery.like" class="skdfgljsdkf _button" @click="star($event)">
<i v-if="!defaultStore.woozyMode" class="ph-star-bold ph-lg"></i> <i v-if="defaultStore.state.woozyMode === false" class="ph-star-bold ph-lg"></i>
<symbol v-else id="fluent-emoji-high-contrast-woozy-face" symbol viewBox="0 0 32 32"><g fill="currentColor"> <symbol v-else id="fluent-emoji-high-contrast-woozy-face" symbol viewBox="0 0 32 32"><g fill="currentColor">
<path d="m17.809-0.20898c-9.9294 2.3e-7 -18 8.0706-18 18 5.8e-7 9.9294 8.0706 18 18 18 9.9294 0 18-8.0706 18-18 0-9.9294-8.0706-18-18-18zm0 1.9785c8.8604 1e-7 16.021 7.1611 16.021 16.021 0 8.8604-7.1611 16.023-16.021 16.023-8.8604 0-16.021-7.163-16.021-16.023-3e-7 -8.8604 7.1611-16.021 16.021-16.021z"/> <path d="m17.809-0.20898c-9.9294 2.3e-7 -18 8.0706-18 18 5.8e-7 9.9294 8.0706 18 18 18 9.9294 0 18-8.0706 18-18 0-9.9294-8.0706-18-18-18zm0 1.9785c8.8604 1e-7 16.021 7.1611 16.021 16.021 0 8.8604-7.1611 16.023-16.021 16.023-8.8604 0-16.021-7.163-16.021-16.023-3e-7 -8.8604 7.1611-16.021 16.021-16.021z"/>
<path d="m6.001 11c-0.552 0-1-0.448-1-1 0-0.551 0.445-0.998 0.996-1 0.156-2e-3 3.569-0.086 6.205-3.6 0.331-0.44 0.957-0.532 1.4-0.2 0.442 0.331 0.531 0.958 0.2 1.4-3.263 4.35-7.617 4.4-7.801 4.4zm24.986 2.393c0.128 0.537-0.204 1.077-0.741 1.205-0.536 0.128-1.074-0.202-1.204-0.737-0.038-0.151-0.911-3.452-4.941-5.201-0.505-0.22-0.739-0.808-0.519-1.315s0.809-0.739 1.315-0.519c4.989 2.165 6.047 6.388 6.09 6.567z"/> <path d="m6.001 11c-0.552 0-1-0.448-1-1 0-0.551 0.445-0.998 0.996-1 0.156-2e-3 3.569-0.086 6.205-3.6 0.331-0.44 0.957-0.532 1.4-0.2 0.442 0.331 0.531 0.958 0.2 1.4-3.263 4.35-7.617 4.4-7.801 4.4zm24.986 2.393c0.128 0.537-0.204 1.077-0.741 1.205-0.536 0.128-1.074-0.202-1.204-0.737-0.038-0.151-0.911-3.452-4.941-5.201-0.505-0.22-0.739-0.808-0.519-1.315s0.809-0.739 1.315-0.519c4.989 2.165 6.047 6.388 6.09 6.567z"/>

View file

@ -122,6 +122,7 @@ withDefaults(defineProps<{
let stats = $ref(null); let stats = $ref(null);
let instanceIcon = $ref<HTMLImageElement>(); let instanceIcon = $ref<HTMLImageElement>();
let instanceIconAnimation = $ref('none');
let iconClicks = 0; let iconClicks = 0;
let tabs = ['overview', 'emojis', 'charts']; let tabs = ['overview', 'emojis', 'charts'];
let tab = $ref(tabs[0]); let tab = $ref(tabs[0]);
@ -173,17 +174,17 @@ async function sleep(seconds) {
function easterEgg() { function easterEgg() {
iconClicks++; iconClicks++;
instanceIcon.style.setProperty('--icon-animation', 'none'); instanceIconAnimation = 'none';
console.log(iconClicks); console.log(iconClicks);
sleep(0.1); sleep(0.1);
const normalizedCount = (iconClicks % 3) + 1; const normalizedCount = (iconClicks % 3) + 1;
instanceIcon.style.setProperty('--icon-animation', `iconShake${normalizedCount} 0.${normalizedCount}s`); instanceIconAnimation = `iconShake${normalizedCount} 0.${normalizedCount}s`;
if (iconClicks % 3 === 0) { if (iconClicks % 3 === 0) {
console.log('here'); console.log('here');
defaultStore.state.woozyMode = !defaultStore.state.woozyMode; defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
sleep(0.4); sleep(0.4);
instanceIcon.style.setProperty('--icon-animation', 'none'); instanceIconAnimation = 'none';
instanceIcon.style.setProperty('--icon-animation', 'swpinY 0.9s'); instanceIconAnimation = 'swpinY 0.9s';
if (iconClicks % 6 === 0) { if (iconClicks % 6 === 0) {
instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico' instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico'
} }
@ -258,10 +259,6 @@ function syncSlide(index) {
100% { transform: perspective(128px) rotateY(360deg); } 100% { transform: perspective(128px) rotateY(360deg); }
} }
:root {
--icon-animation: none;
}
.fwhjspax { .fwhjspax {
text-align: center; text-align: center;
border-radius: 10px; border-radius: 10px;
@ -277,7 +274,7 @@ function syncSlide(index) {
margin: 16px auto 0 auto; margin: 16px auto 0 auto;
height: 64px; height: 64px;
border-radius: 8px; border-radius: 8px;
animation: var(--icon-animation); animation: v-bind('instanceIconAnimation');
} }
> .name { > .name {