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

add total playtime stat

Browse Source
This commit is contained in:
bytedream 2023-11-30 00:22:48 +01:00
parent 3f6913ef5f
commit 974757511d
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/+page.svelte
View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { env } from '$env/dynamic/public'; import { env } from '$env/dynamic/public';
import Countdown from '$lib/components/Countdown/Countdown.svelte'; import Countdown from '$lib/components/Countdown/Countdown.svelte';
import { User, WrenchScrewdriver } from 'svelte-heros-v2'; import { Clock, User, WrenchScrewdriver } from 'svelte-heros-v2';
import Crosshairs from '$lib/components/CustomIcons/Crosshairs.svelte'; import Crosshairs from '$lib/components/CustomIcons/Crosshairs.svelte';
import Skull from '$lib/components/CustomIcons/Skull.svelte'; import Skull from '$lib/components/CustomIcons/Skull.svelte';
@ -86,7 +86,7 @@
<div> <div>
<h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3> <h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3>
<div class="flex flex-col lg:flex-row gap-4"> <div class="flex flex-col lg:flex-row gap-4">
<div class="stats stats-vertical sm:stats-horizontal shadow"> <div class="stats stats-vertical xl:stats-horizontal shadow">
<div class="stat"> <div class="stat">
<div class="stat-figure"> <div class="stat-figure">
<WrenchScrewdriver /> <WrenchScrewdriver />
@ -103,7 +103,16 @@
<div class="stat-value">135</div> <div class="stat-value">135</div>
</div> </div>
</div> </div>
<div class="stats stats-vertical sm:stats-horizontal shadow"> <div class="stats stats-vertical xl:stats-horizontal shadow h-min xl:h-[initial]">
<div class="stat">
<div class="stat-figure">
<Clock />
</div>
<div class="stat-title">Gesamtspielzeit</div>
<div class="stat-value">210 Tage</div>
</div>
</div>
<div class="stats stats-vertical xl:stats-horizontal shadow">
<div class="stat"> <div class="stat">
<div class="stat-figure"> <div class="stat-figure">
<Crosshairs /> <Crosshairs />