From 66847dccf8c78e7bf0d6da3d3993a432bd57c5b1 Mon Sep 17 00:00:00 2001 From: Jules Date: Sun, 21 Jun 2026 22:13:26 +0200 Subject: [PATCH] Ecran partage : photo miniature flexible pour toujours rentrer dans l'ecran Le bloc partage (photo + boutons + form impression) pouvait depasser la hauteur de l'ecran quand le choix du nombre d'exemplaires s'affichait. La miniature absorbe maintenant l'espace restant (flex + min-height:0) au lieu d'une hauteur fixe en vh, les autres elements gardent leur taille. --- frontend/css/style.css | 28 +++++++++++++++++++++++----- frontend/index.html | 2 +- 2 files changed, 24 insertions(+), 6 deletions(-) diff --git a/frontend/css/style.css b/frontend/css/style.css index 253f171..99bafd3 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -546,18 +546,35 @@ html, body { } /* === Partage === */ +#ecran-partage { + justify-content: flex-start; + overflow: hidden; + padding: 0.8rem 0; +} + #ecran-partage h2 { - margin-top: 2rem; + margin-top: 0.5rem; + margin-bottom: 0; font-weight: 300; + flex-shrink: 0; } .photo-miniature { - margin: 1rem 0; - max-height: 30vh; + flex: 1; + min-height: 0; + width: 100%; + margin: 0.5rem 0; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; } .photo-miniature img { - max-height: 30vh; + max-width: 90%; + max-height: 100%; + width: auto; + height: auto; border-radius: var(--rayon); box-shadow: var(--ombre); } @@ -565,7 +582,8 @@ html, body { .grille-partage { display: flex; gap: 1.5rem; - margin: 1.5rem 0; + margin: 1rem 0; + flex-shrink: 0; } .btn-partage { diff --git a/frontend/index.html b/frontend/index.html index 2947f73..db2150d 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -7,7 +7,7 @@ - +