mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-11-28 06:48:12 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
ThatOneCalculator 2022-11-07 11:57:27 -08:00
parent 806b64ede9
commit 07389a9370
2 changed files with 27 additions and 7 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", "name": "calckey",
"version": "12.119.0-calc.9.14", "version": "12.119.0-calc.9.15",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

32
packages/client/src/ui/universal.vue
View File

@ -134,20 +134,29 @@ const drawerMenuShowing = ref(false);
mainRouter.on('change', () => { mainRouter.on('change', () => {
drawerMenuShowing.value = false; drawerMenuShowing.value = false;
const routerState = mainRouter.currentRoute.value.name; });
if (routerState === 'index') {
function updateButtonState(): void {
let routerState = window.location.href;
let secondaryRouterState = mainRouter.currentRoute.value.name;
if (secondaryRouterState != null && secondaryRouterState === 'index') {
buttonAnimIndex.value = 0; buttonAnimIndex.value = 0;
return;
} }
else if (window.location.href.includes('notifications')) { if (routerState.includes('notifications')) {
buttonAnimIndex.value = 1; buttonAnimIndex.value = 1;
} }
else if (window.location.href.includes('messaging')) { else if (routerState.includes('messaging')) {
buttonAnimIndex.value = 2; buttonAnimIndex.value = 2;
} }
else { else {
buttonAnimIndex.value = 0; buttonAnimIndex.value = 3;
} }
}); }
updateButtonState();
watch($$(window.location.href), () => (updateButtonState()));
document.documentElement.style.overflowY = 'scroll'; document.documentElement.style.overflowY = 'scroll';
@ -385,6 +394,17 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
transition: background 0.1s; transition: background 0.1s;
} }
> .button-wrapper {
> .indicator {
position: absolute;
top: 0;
left: 0;
color: var(--indicator);
font-size: 16px;
animation: blink 1s infinite;
}
}
> .button-wrapper.on { > .button-wrapper.on {
background-color: var(--accentedBg); background-color: var(--accentedBg);
width: 100%; width: 100%;