diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b438b37..131ec61 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,7 +1,7 @@ <script lang="ts"> import { env } from '$env/dynamic/public'; 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 Skull from '$lib/components/CustomIcons/Skull.svelte'; @@ -86,7 +86,7 @@ <div> <h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3> <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-figure"> <WrenchScrewdriver /> @@ -103,7 +103,16 @@ <div class="stat-value">135</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-figure"> <Crosshairs />