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>
|
||||
// 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 cacheBust = $state(Date.now());
|
||||
|
|
@ -53,33 +47,6 @@
|
|||
</a>
|
||||
</div>
|
||||
{/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>
|
||||
|
||||
<style>
|
||||
|
|
@ -147,32 +114,4 @@
|
|||
.download-btn:hover {
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -315,6 +315,9 @@
|
|||
|
||||
<!-- Alignment Section -->
|
||||
<div class="setting-section">
|
||||
<div class="section-header">
|
||||
<span class="section-title">Final image composition</span>
|
||||
</div>
|
||||
<div class="setting-row sub-setting">
|
||||
<label for="eye-distance">
|
||||
<span class="setting-label">Eye Distance</span>
|
||||
|
|
|
|||
Loading…
Reference in a new issue