CraftAttack/website
4
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

hide countdown if in the past
All checks were successful
delpoy / build-and-deploy (push) Successful in 44s
Details

Browse Source
This commit is contained in:
Ruben Otto
2024-01-02 23:10:26 +01:00
parent 3310a82c29
commit f74f1fe19e
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/Countdown/Countdown.svelte
View File

@@ -35,7 +35,10 @@
onDestroy(() => clearInterval(intervalId)); onDestroy(() => clearInterval(intervalId));
</script> </script>
<div class="grid grid-flow-col gap-5 text-center auto-cols-max text-white"> <div
class:hidden={days + hours + minutes + seconds < 0}
class="grid grid-flow-col gap-5 text-center auto-cols-max text-white"
>
<div class="flex flex-col p-2 bg-gray-200 rounded-box bg-opacity-5 backdrop-blur-sm" {title}> <div class="flex flex-col p-2 bg-gray-200 rounded-box bg-opacity-5 backdrop-blur-sm" {title}>
<span class="countdown font-mono text-3xl sm:text-6xl"> <span class="countdown font-mono text-3xl sm:text-6xl">
<span class="m-auto" style="--value:{days};" /> <span class="m-auto" style="--value:{days};" />