clean up: remove unused distance prop & prettier format
This commit is contained in:
parent
59a8d905ba
commit
4e67d49343
@ -227,26 +227,25 @@
|
||||
|
||||
<main>
|
||||
<div class="about-link">
|
||||
<a href="https://github.com/kylemcdonald/lapd-face-search/" target="_blank" rel="noopener noreferrer" title="About">?</a>
|
||||
<a
|
||||
href="https://github.com/kylemcdonald/lapd-face-search/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
title="About">?</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<h1>LAPD Face Search</h1>
|
||||
<h2>Search over 9,000 LAPD headshots</h2>
|
||||
<p>
|
||||
Face recognition happens on your device and images are not uploaded.
|
||||
<br/>Blurry, low-resolution photos will not match.
|
||||
<br />Blurry, low-resolution photos will not match.
|
||||
</p>
|
||||
|
||||
{#if !loaded}
|
||||
<form>
|
||||
<label for="image-input" class="loading-label">Loading...</label>
|
||||
<input
|
||||
id="image-input"
|
||||
type="file"
|
||||
accept="image/*"
|
||||
hidden=""
|
||||
disabled
|
||||
/>
|
||||
<input id="image-input" type="file" accept="image/*" hidden="" disabled />
|
||||
</form>
|
||||
{/if}
|
||||
|
||||
@ -294,7 +293,7 @@
|
||||
<div class="cops">
|
||||
{#each matches as cop}
|
||||
<div class="cop">
|
||||
<Cop cop={cop.data} index={cop.index} distance={cop.distance} />
|
||||
<Cop cop={cop.data} index={cop.index} />
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
@ -450,7 +449,7 @@
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
.about-link a:hover {
|
||||
@ -489,7 +488,7 @@
|
||||
cursor: not-allowed !important;
|
||||
animation: pulse 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
|
||||
.loading-label:hover {
|
||||
background-color: #666 !important;
|
||||
color: #999 !important;
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
<script>
|
||||
let { cop, distance, index } = $props();
|
||||
|
||||
const DEV = import.meta.env.DEV;
|
||||
let { cop, index } = $props();
|
||||
|
||||
const errorImage =
|
||||
"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjRjNGNEY2Ii8+CjxwYXRoIGQ9Ik0yNCAzMkM0MS42NzMxIDMyIDU2IDM3LjM3MjYgNTYgNDRDNTYgNTAuNjI3NCA0MS42NzMxIDU2IDI0IDU2QzYuMzI2ODggNTYgLTggNTAuNjI3NCAtOCA0Qy04IDM3LjM3MjYgNi4zMjY4OCAzMiAyNCAzMloiIGZpbGw9IiM5QTlCOCIvPgo8L3N2Zz4=";
|
||||
|
||||
Loading…
Reference in New Issue
Block a user