Small frontend fixes
This commit is contained in:
parent
1bfee19616
commit
0fe23329c9
2 changed files with 3 additions and 61 deletions
|
|
@ -1,10 +1,4 @@
|
||||||
<script>
|
<script>
|
||||||
// Future: This component can be extended to show:
|
|
||||||
// - Preview grid of processed faces
|
|
||||||
// - Before/after alignment comparison
|
|
||||||
// - Skipped images with reasons
|
|
||||||
// - Face landmark visualization
|
|
||||||
|
|
||||||
let { folderName = null } = $props();
|
let { folderName = null } = $props();
|
||||||
|
|
||||||
let cacheBust = $state(Date.now());
|
let cacheBust = $state(Date.now());
|
||||||
|
|
@ -53,33 +47,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<!-- Future: Face preview grid -->
|
|
||||||
<!--
|
|
||||||
<div class="preview-section">
|
|
||||||
<h3>Processed Faces</h3>
|
|
||||||
<div class="preview-grid">
|
|
||||||
{#each processedFaces as face}
|
|
||||||
<div class="face-preview">
|
|
||||||
<img src={face.url} alt="Processed face" />
|
|
||||||
<span class="timestamp">{face.timestamp}</span>
|
|
||||||
</div>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- Future: Skipped images -->
|
|
||||||
<!--
|
|
||||||
<details class="skipped-section">
|
|
||||||
<summary>Skipped Images ({skippedCount})</summary>
|
|
||||||
<ul>
|
|
||||||
{#each skippedImages as img}
|
|
||||||
<li>{img.reason}</li>
|
|
||||||
{/each}
|
|
||||||
</ul>
|
|
||||||
</details>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
@ -147,32 +114,4 @@
|
||||||
.download-btn:hover {
|
.download-btn:hover {
|
||||||
background: #16a34a;
|
background: #16a34a;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Future styles for preview grid */
|
|
||||||
/*
|
|
||||||
.preview-section {
|
|
||||||
margin-top: 2rem;
|
|
||||||
padding-top: 1.5rem;
|
|
||||||
border-top: 1px solid #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.face-preview img {
|
|
||||||
width: 100%;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
object-fit: cover;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skipped-section {
|
|
||||||
margin-top: 1rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -315,6 +315,9 @@
|
||||||
|
|
||||||
<!-- Alignment Section -->
|
<!-- Alignment Section -->
|
||||||
<div class="setting-section">
|
<div class="setting-section">
|
||||||
|
<div class="section-header">
|
||||||
|
<span class="section-title">Final image composition</span>
|
||||||
|
</div>
|
||||||
<div class="setting-row sub-setting">
|
<div class="setting-row sub-setting">
|
||||||
<label for="eye-distance">
|
<label for="eye-distance">
|
||||||
<span class="setting-label">Eye Distance</span>
|
<span class="setting-label">Eye Distance</span>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue