Minor animation adjustments - still not as desired!
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user