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",
|
"name": "calckey",
|
||||||
"version": "13.0.5-rc.5",
|
"version": "13.0.5-rc.6",
|
||||||
"codename": "aqua",
|
"codename": "aqua",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
|
|
@ -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"/>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue