diff --git a/src/lib/Helper.mjs b/src/lib/Helper.mjs index 9e9f291..d01aec0 100755 --- a/src/lib/Helper.mjs +++ b/src/lib/Helper.mjs @@ -46,11 +46,12 @@ export function animateIn(node, options = {}) { function callback() { timeoutId = setTimeout( - effects.forEach(([effect]) => { - if (effect === 'slide') node.style.removeProperty('translate') - else if (effect === 'fade') node.style.removeProperty('opacity') - else if (effect === 'zoom') node.style.removeProperty('scale') - }), + () => + effects.forEach(([effect]) => { + if (effect === 'slide') node.style.removeProperty('translate') + else if (effect === 'fade') node.style.removeProperty('opacity') + else if (effect === 'zoom') node.style.removeProperty('scale') + }), options.delay ?? 0 ) } diff --git a/src/lib/components/news-thumb.svelte b/src/lib/components/news-thumb.svelte index 12d1d97..4e8221e 100644 --- a/src/lib/components/news-thumb.svelte +++ b/src/lib/components/news-thumb.svelte @@ -8,7 +8,7 @@
  • -
    +

    {formatDate(entry.date)}

    @@ -18,7 +18,7 @@ Read upRead up -
    +
  • diff --git a/src/routes/news/+page.svelte b/src/routes/news/+page.svelte index 7734d7f..2641571 100644 --- a/src/routes/news/+page.svelte +++ b/src/routes/news/+page.svelte @@ -106,7 +106,7 @@ } .spinner-wrapper { - @apply flex items-center justify-center bg-gradient-to-tr from-blue-500/0 to-cyan-500 bg-clip-text text-transparent animate-in fade-in-0; + @apply mb-4 flex items-center justify-center bg-gradient-to-tr from-blue-500/0 to-cyan-500 bg-clip-text text-transparent animate-in fade-in-0; animation-duration: 2000ms; font-size: min(1vh, 1rem); /* There are 36 rows */