feature: animacje list

This commit is contained in:
2023-01-03 14:51:19 +01:00
parent aa7a6b220e
commit 25a248e95e
10 changed files with 64 additions and 92 deletions
+3 -3
View File
@@ -16,8 +16,7 @@
<b class="warning-timeout">?</b>
{{ $t('trains.timeout') }}
</div> -->
<ul class="train-list" v-else>
<transition-group name="list-anim" tag="ul" class="train-list" v-else>
<li
class="train-row"
v-for="train in currentTrains"
@@ -27,7 +26,7 @@
>
<TrainInfo :train="train" />
</li>
</ul>
</transition-group>
</div>
</transition>
</div>
@@ -98,6 +97,7 @@ export default defineComponent({
<style lang="scss" scoped>
@import '../../styles/responsive.scss';
@import '../../styles/animations.scss';
.anim {
&-enter-from,