From a8a0d0018ee27588eede9bb0456d1b41060f35cd Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Sat, 15 Apr 2023 18:53:05 +0200
Subject: [PATCH] New checkmark and lower padding

---
 src/Scanner.svelte | 66 ++++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/Scanner.svelte b/src/Scanner.svelte
index b82759e..5aee932 100644
--- a/src/Scanner.svelte
+++ b/src/Scanner.svelte
@@ -42,7 +42,7 @@
   <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono">
     {hours}:{minutes}:{seconds}
   </h1>
-  <section class="px-4 py-24 mx-auto max-w-7xl">
+  <section class="px-4 py-2 mx-auto max-w-7xl">
     <div class="mx-auto space-y-5 w-full md:w-1/2">
       {#if lastscan_error}
         <div
@@ -85,6 +85,7 @@
                   "s";
                 lastscan_laptime = response.data.lapTime;
                 lastscan_valid = response.data.valid;
+                lastscan_valid = true;
                 lastscan_totaldistance =
                   Math.floor(response.data.runner.distance / 1000) +
                   "km " +
@@ -114,36 +115,39 @@
           />
         </label>
         {#if lastscan_totaldistance}
-          {#if !lastscan_valid || lastscan_error}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20rem"
-              height="20rem"
-              class="ml-auto mr-auto"
-              version="1.0"
-              title="Invalid"
-              viewBox="0 0 100 100"
-              ><g fill="none" stroke="red"
-                ><path d="M6 6l88 88" stroke-width="18.1" /><path
-                  d="M6 94L94 6"
-                  stroke-width="17.8"
-                /></g
-              ></svg
-            >
-          {:else}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20rem"
-              height="20rem"
-              class="ml-auto mr-auto"
-              title="Valid"
-              viewBox="0 0 600 600"
-              ><path
-                d="M8 405s115 129 138 182h99c41-126 203-429 341-535 28-37-43-52-102-27-87 36-252 317-283 384-44 12-90-74-90-74z"
-                fill="#181"
-              /></svg
-            >
-          {/if}
+        <div class="w-full text-center items-center">
+            {#if !lastscan_valid || lastscan_error}
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="w-48 h-48 text-center text-red-600"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M6 18L18 6M6 6l12 12"
+                />
+              </svg>
+            {:else}
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="w-48 h-48 text-center text-green-600"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M4.5 12.75l6 6 9-13.5"
+                />
+              </svg>
+            {/if}
+        </div>
           <h1 class="text-2xl font-bold text-center">{$_("total-distance")}</h1>
           <h1 class="text-6xl font-bold text-center">
             {lastscan_totaldistance}