Compare commits

..

No commits in common. "0848209d49e4445881bf9536d87fe18ea2a6c924" and "4714b814650d4138d8522dd57b5ee59a8c96a0ac" have entirely different histories.

2 changed files with 25 additions and 32 deletions

View File

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

View File

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