fix: 🥴
This commit is contained in:
parent
acc9d698be
commit
df560fa20d
3 changed files with 8 additions and 11 deletions
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "calckey",
|
||||
"version": "13.0.5-rc.5",
|
||||
"version": "13.0.5-rc.6",
|
||||
"codename": "aqua",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<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">
|
||||
<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"/>
|
||||
|
|
|
@ -122,6 +122,7 @@ withDefaults(defineProps<{
|
|||
|
||||
let stats = $ref(null);
|
||||
let instanceIcon = $ref<HTMLImageElement>();
|
||||
let instanceIconAnimation = $ref('none');
|
||||
let iconClicks = 0;
|
||||
let tabs = ['overview', 'emojis', 'charts'];
|
||||
let tab = $ref(tabs[0]);
|
||||
|
@ -173,17 +174,17 @@ async function sleep(seconds) {
|
|||
|
||||
function easterEgg() {
|
||||
iconClicks++;
|
||||
instanceIcon.style.setProperty('--icon-animation', 'none');
|
||||
instanceIconAnimation = 'none';
|
||||
console.log(iconClicks);
|
||||
sleep(0.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) {
|
||||
console.log('here');
|
||||
defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
|
||||
sleep(0.4);
|
||||
instanceIcon.style.setProperty('--icon-animation', 'none');
|
||||
instanceIcon.style.setProperty('--icon-animation', 'swpinY 0.9s');
|
||||
instanceIconAnimation = 'none';
|
||||
instanceIconAnimation = 'swpinY 0.9s';
|
||||
if (iconClicks % 6 === 0) {
|
||||
instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico'
|
||||
}
|
||||
|
@ -258,10 +259,6 @@ function syncSlide(index) {
|
|||
100% { transform: perspective(128px) rotateY(360deg); }
|
||||
}
|
||||
|
||||
:root {
|
||||
--icon-animation: none;
|
||||
}
|
||||
|
||||
.fwhjspax {
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
|
@ -277,7 +274,7 @@ function syncSlide(index) {
|
|||
margin: 16px auto 0 auto;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
animation: var(--icon-animation);
|
||||
animation: v-bind('instanceIconAnimation');
|
||||
}
|
||||
|
||||
> .name {
|
||||
|
|
Loading…
Reference in a new issue