Vitrine sans photo : logo encadré dans le thème (fini le fond blanc nu)

Quand un adhérent n'a pas de photo de couverture/vitrine, le logo était affiché
sur fond blanc brut. Il est désormais présenté dans une carte blanche encadrée
(bordure crème + ombre douce) sur fond crème dégradé — cohérent avec le thème.
S'applique à la fiche, l'annuaire et le carrousel.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XwfhYHzC9hQWPDnQ2p53GL
This commit is contained in:
Claude committed 2026-06-28 06:47:08 +00:00
1 parent a4915b445d
commit b0154d6fc1
1 file changed
+23 -7
+23 -7
View File
@@ -44,13 +44,29 @@ export function VitrineImage({
if (logoOnly) { if (logoOnly) {
return ( return (
<div style={{ ...base, background: "#fff" }}> <div style={{ ...base, background: "linear-gradient(160deg,#fffdf8 0%,#f3ecdc 100%)", padding: "min(8%, 22px)" }}>
{/* eslint-disable-next-line @next/next/no-img-element */} {/* Cadre thème autour du logo (évite le bloc blanc nu) */}
<img <div
src={logoOnly} style={{
alt="" background: "#fff",
style={{ maxWidth: "80%", maxHeight: "80%", objectFit: "contain", display: "block" }} border: "1px solid #e6dcc6",
/> borderRadius: 14,
boxShadow: "0 14px 30px -20px rgba(40,30,15,0.35)",
padding: "min(6%, 18px) min(9%, 28px)",
maxWidth: "84%",
maxHeight: "84%",
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={logoOnly}
alt=""
style={{ maxWidth: "100%", maxHeight: "100%", objectFit: "contain", display: "block" }}
/>
</div>
{children} {children}
</div> </div>
); );