limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-29 21:37:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: 🔥 remove fader

Browse source
This commit is contained in:
ThatOneCalculator 2022-08-19 23:48:21 -07:00
parent 68b7f2f3d8
commit d9343258b8
1 changed files with 0 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/client/src/pages/timeline.vue
View file

@ -1,6 +1,5 @@
<template>
<MkStickyContainer>
<svg class="fader" ref="fader"></svg>
<template #header>
<MkPageHeader
v-model:tab="src"
@ -84,7 +83,6 @@ window.addEventListener('resize', () => {
const tlComponent = $ref<InstanceType<typeof XTimeline>>();
const rootEl = $ref<HTMLElement>();
const fader = $ref<SVGElement>();
let queue = $ref(0);
const src = $computed({
@ -287,8 +285,6 @@ if (isMobile.value) {
} else {
next = timelines[(timelines.indexOf(src) + 1) % timelines.length];
}
fader.classList.remove('fade');
fader.classList.add('fade');
saveSrc(next);
}
xDown = null;
@ -324,33 +320,4 @@ if (isMobile.value) {
overflow: clip;
}
}
@keyframes fade {
0%, 100% { opacity: 0 }
50% { opacity: 1 }
}
.fader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1001;
pointer-events: none;
background: var(--acrylicBg);
animation-duration: 0.25s;
animation-timing-function: ease-in-out;
> .fadeOut {
opacity: 0;
animation-name: fade-out;
}
> .fadeIn {
opacity: 1;
animation-name: fade-in;
}
}
</style>