From d4deaf0b8e88123b15ae7358c7bc049c143084fa Mon Sep 17 00:00:00 2001 From: Martin Kagamino Lehoux Date: Mon, 11 May 2026 11:28:43 +0200 Subject: feat: afficher la miniature en placeholder dans le lightbox pendant le chargement Co-Authored-By: Claude Sonnet 4.6 --- static/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'static') 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} -- cgit v1.3