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

increase countdown width
All checks were successful
deploy / build-and-deploy (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Ruben Otto
2025-10-13 20:40:55 +02:00
parent c510cbbb9f
commit 6e9756e4b6
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/website/index/Countdown.svelte
View File

@@ -35,25 +35,25 @@
class:hidden={days + hours + minutes + seconds < 0} class:hidden={days + hours + minutes + seconds < 0}
class="grid grid-flow-col gap-5 text-center auto-cols-max text-white" class="grid grid-flow-col gap-5 text-center auto-cols-max text-white"
> >
<div class="flex flex-col p-2 bg-gray-200/5 rounded-box backdrop-blur-sm" {title}> <div class="flex flex-col py-2 px-4 bg-gray-200/5 rounded-box 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> <span class="m-auto" style="--value:{days};"></span>
</span> </span>
Tage Tage
</div> </div>
<div class="flex flex-col p-2 bg-gray-200/5 rounded-box backdrop-blur-sm" {title}> <div class="flex flex-col py-2 px-4 bg-gray-200/5 rounded-box 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:{hours};"></span> <span class="m-auto" style="--value:{hours};"></span>
</span> </span>
Stunden Stunden
</div> </div>
<div class="flex flex-col p-2 bg-gray-200/5 rounded-box backdrop-blur-sm" {title}> <div class="flex flex-col py-2 px-4 bg-gray-200/5 rounded-box 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:{minutes};"></span> <span class="m-auto" style="--value:{minutes};"></span>
</span> </span>
Minuten Minuten
</div> </div>
<div class="flex flex-col p-2 bg-gray-200/5 rounded-box backdrop-blur-sm" {title}> <div class="flex flex-col py-2 px-4 bg-gray-200/5 rounded-box 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:{seconds};"></span> <span class="m-auto" style="--value:{seconds};"></span>
</span> </span>