marek/horror
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-10-07 16:57:36 +02:00
parent e415c3ac0d
commit 9fdfe27fb9
1 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/InfoTab.vue
View File

@@ -203,7 +203,7 @@ onUnmounted(() => abbestellen?.())
<div <div
v-if="blaetter.length || kontostand !== null" v-if="blaetter.length || kontostand !== null"
class="rolle" class="rolle"
:style="{ animationDuration: `${5 + blaetter.length * 1.5}s` }" :style="{ animationDuration: `1s, ${5 + blaetter.length * 1.5}s` }"
@animationiteration="neuAnsetzen" @animationiteration="neuAnsetzen"
> >
<template v-if="kontostand !== null"> <template v-if="kontostand !== null">
@@ -323,10 +323,22 @@ onUnmounted(() => abbestellen?.())
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
/* Die erste Zeile startet in der Bildmitte, steht eine Sekunde, dann /* Die erste Zeile startet in der Bildmitte und blendet eine Sekunde
rollt alles nach oben hinaus */ lang ein, dann rollt alles nach oben hinaus. Die Dauern setzt die
animation: abspann linear infinite; Vorlage: 1 s fürs Einblenden, der Rest nach Anzahl der Namen */
animation-delay: 1s; animation:
einblenden ease-out both,
abspann linear infinite;
animation-delay: 0s, 1s;
}
@keyframes einblenden {
from {
opacity: 0;
}
to {
opacity: 1;
}
} }
.schirm:hover .rolle { .schirm:hover .rolle {