Compare commits

...

2 Commits

2 changed files with 32 additions and 25 deletions

View File

@ -1,4 +1,7 @@
@import "tailwindcss";
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
* {
font-family: Athiti;

View File

@ -218,47 +218,50 @@
<section class="dark:bg-gray-900 body-font">
<div class="container mx-auto">
<div class="lg:w-2/3 w-full mx-auto">
<p class="mb-2">
{{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
</p>
<table v-if="state.scans.length > 0" class="table-auto w-full text-left whitespace-no-wrap">
<thead class="
<div v-if="state.scans.length > 0">
<p class="mb-2">
{{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
</p>
<table class="table-auto w-full text-left whitespace-no-wrap">
<thead class="
text-black
bg-gray-300
dark:text-white
text-sm
dark:bg-gray-800
">
<tr>
<th class="
<tr>
<th class="
px-4
py-3
title-font
tracking-wider
font-medium
">
{{ $t("distance") }}
</th>
<th class="
{{ $t("distance") }}
</th>
<th class="
px-4
py-3
title-font
tracking-wider
font-medium
">
{{ $t("lap_time") }}
</th>
</tr>
</thead>
<tbody class="text-gray-900 dark:text-gray-50">
<tr v-for="s in state.scans" :key="s.id">
<td class="px-4 py-3">
<span v-text="s.distance_readable"></span>
</td>
<td class="px-4 py-3" v-text="s.lapTime_readable"></td>
</tr>
</tbody>
</table>
{{ $t("lap_time") }}
</th>
</tr>
</thead>
<tbody class="text-gray-900 dark:text-gray-50">
<tr v-for="s in state.scans" :key="s.id">
<td class="px-4 py-3">
<span v-text="s.distance_readable"></span>
</td>
<td class="px-4 py-3" v-text="s.lapTime_readable"></td>
</tr>
</tbody>
</table>
</div>
<div v-else class="
text-center
font-bold
@ -266,7 +269,7 @@
dark:text-white
text-2xl
">
<img src="../assets/empty_laps.svg" style="height: 25rem; margin: 0 auto"
<img src="../assets/empty_laps.svg" class="mx-auto h-64"
:alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
{{ $t("no_laps_scans_were_recorded_yet") }}
</div>
@ -399,7 +402,8 @@
</tr>
</thead>
<tbody class="text-gray-900 dark:text-gray-50">
<tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800" v-for="s in state.sponsorings" :key="s.id">
<tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800"
v-for="s in state.sponsorings" :key="s.id">
<td class="px-4 py-3">
<span v-text="s.donor.firstname + ' '"></span>
<span v-if="s.donor.middlename">