diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-05-11 11:28:43 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-05-11 11:28:43 +0200 |
| commit | d4deaf0b8e88123b15ae7358c7bc049c143084fa (patch) | |
| tree | 3a3c1440b652086a1e104cae83578395f3d9aed2 /static/style.css | |
| parent | 2ea8e9a472e4d726481a3ca99dbc988fb476e79e (diff) | |
feat: afficher la miniature en placeholder dans le lightbox pendant le chargement
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/static/style.css b/static/style.css index caf0d1e..87fd9ea 100644 --- a/static/style.css +++ b/static/style.css @@ -25,6 +25,7 @@ form button:hover{background:#2563eb} .empty{color:#888;text-align:center;padding:3rem 0} .lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);justify-content:center;align-items:center;z-index:100;cursor:pointer} .lightbox.active{display:flex} -.lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px} +.lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px;transition:opacity .15s} +.lightbox img.loading{opacity:.5;filter:blur(4px)} .lightbox-download{position:fixed;bottom:1.5rem;right:1.5rem;background:#3b82f6;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.3rem;box-shadow:0 2px 8px rgba(0,0,0,.5)} .lightbox-download:hover{background:#2563eb} |