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

rework index page
All checks were successful
delpoy / build-and-deploy (push) Successful in 41s
Details

Browse Source
This commit is contained in:
bytedream
2023-11-28 21:52:09 +01:00
parent 245d980b9a
commit dc21366f7a
6 changed files with 122 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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