Minor animation adjustments - still not as desired!

This commit is contained in:
2026-05-22 00:15:58 +01:00
parent 9088de9277
commit 9ea8bef99c

View File

@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import type { ApiStationsBoard } from '@owlboard/owlboard-ts'; import type { ApiStationsBoard } from '@owlboard/owlboard-ts';
import { formatUkTime, estClass, delayClassFromTimePair } from '$lib/utils/time'; import { formatUkTime, estClass, delayClassFromTimePair } from '$lib/utils/time';
import { fade, slide } from 'svelte/transition'; import { fade, slide, fly } from 'svelte/transition';
import { flip } from 'svelte/animate'; import { flip } from 'svelte/animate';
let { services }: { services: ApiStationsBoard.BoardService[] } = $props(); let { services }: { services: ApiStationsBoard.BoardService[] } = $props();
@@ -36,7 +36,7 @@
<div <div
class="service-block" class="service-block"
animate:flip={{ duration: 400 }} animate:flip={{ duration: 400 }}
transition:slide={{ duration: 300 }} out:slide={{duration:300}}
> >
<div class="service row"> <div class="service row">
<div class="cell id">{service.h}</div> <div class="cell id">{service.h}</div>