Add privacy toggle to blur media on generate and gallery pages
All checks were successful
Build and Push Frontend Docker Image / build (push) Successful in 30s

- Add "Hide Media" / "Show Media" button to both sections
- Blur images and videos when privacy mode is active
- Persist privacy preference in localStorage per section

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Debian
2026-01-08 00:36:28 +00:00
parent ff54cf7363
commit 55af3da1ae
3 changed files with 56 additions and 0 deletions

View File

@@ -74,6 +74,10 @@
<main class="main-content">
<!-- Generate Section -->
<section id="generate-section" class="content-section">
<div class="section-header">
<h2>Generate</h2>
<button id="generate-privacy-toggle" class="btn btn-sm btn-secondary privacy-toggle">Hide Media</button>
</div>
<div class="section-grid">
<div class="card">
<h2>Input Image</h2>
@@ -131,6 +135,7 @@
<div class="section-header">
<h2>My Videos</h2>
<div class="filter-group">
<button id="gallery-privacy-toggle" class="btn btn-sm btn-secondary privacy-toggle">Hide Media</button>
<select id="status-filter">
<option value="">All Status</option>
<option value="completed">Completed</option>