src/tailwind.css

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

src/views/Profile.vue

@@ -218,12 +218,10 @@
               <section class="dark:bg-gray-900 body-font">
                 <div class="container mx-auto">
                   <div class="lg:w-2/3 w-full mx-auto">
-                    <div v-if="state.scans.length > 0">
                     <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">
-                      <table class="table-auto w-full text-left whitespace-no-wrap">
                       <thead class="
                           text-black
                           bg-gray-300
@@ -261,7 +259,6 @@
                         </tr>
                       </tbody>
                     </table>
-                    </div>
                     <div v-else class="
                         text-center
                         font-bold
@@ -269,7 +266,7 @@
                         dark:text-white
                         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')]]" />
                       {{ $t("no_laps_scans_were_recorded_yet") }}
                     </div>
@@ -402,8 +399,7 @@
                           </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"
+                          <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">
                               <span v-text="s.donor.firstname + ' '"></span>
                               <span v-if="s.donor.middlename">