lfk/scanclient
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases 19 Wiki Activity

New checkmark and lower padding

Browse Source
This commit is contained in:
Nicolai Ort 2023-04-15 18:53:05 +02:00
parent 4ce0eeffea
commit a8a0d0018e
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/Scanner.svelte
View File

@ -42,7 +42,7 @@
<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono"> <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono">
{hours}:{minutes}:{seconds} {hours}:{minutes}:{seconds}
</h1> </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"> <div class="mx-auto space-y-5 w-full md:w-1/2">
{#if lastscan_error} {#if lastscan_error}
<div <div
@ -85,6 +85,7 @@
"s"; "s";
lastscan_laptime = response.data.lapTime; lastscan_laptime = response.data.lapTime;
lastscan_valid = response.data.valid; lastscan_valid = response.data.valid;
lastscan_valid = true;
lastscan_totaldistance = lastscan_totaldistance =
Math.floor(response.data.runner.distance / 1000) + Math.floor(response.data.runner.distance / 1000) +
"km " + "km " +
@ -114,36 +115,39 @@
/> />
</label> </label>
{#if lastscan_totaldistance} {#if lastscan_totaldistance}
<div class="w-full text-center items-center">
{#if !lastscan_valid || lastscan_error} {#if !lastscan_valid || lastscan_error}
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="20rem" fill="none"
height="20rem" viewBox="0 0 24 24"
class="ml-auto mr-auto" stroke-width="1.5"
version="1.0" stroke="currentColor"
title="Invalid" class="w-48 h-48 text-center text-red-600"
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
> >
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
{:else} {:else}
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="20rem" fill="none"
height="20rem" viewBox="0 0 24 24"
class="ml-auto mr-auto" stroke-width="1.5"
title="Valid" stroke="currentColor"
viewBox="0 0 600 600" class="w-48 h-48 text-center text-green-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
> >
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5"
/>
</svg>
{/if} {/if}
</div>
<h1 class="text-2xl font-bold text-center">{$_("total-distance")}</h1> <h1 class="text-2xl font-bold text-center">{$_("total-distance")}</h1>
<h1 class="text-6xl font-bold text-center"> <h1 class="text-6xl font-bold text-center">
{lastscan_totaldistance} {lastscan_totaldistance}