From b0154d6fc1e4543e12375762c7a35402bcb350db Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 28 Jun 2026 06:47:08 +0000
Subject: [PATCH] =?UTF-8?q?Vitrine=20sans=20photo=20:=20logo=20encadr?=
 =?UTF-8?q?=C3=A9=20dans=20le=20th=C3=A8me=20(fini=20le=20fond=20blanc=20n?=
 =?UTF-8?q?u)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 src/components/VitrineImage.tsx | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/components/VitrineImage.tsx b/src/components/VitrineImage.tsx
index bd5fe49..52b1301 100644
--- a/src/components/VitrineImage.tsx
+++ b/src/components/VitrineImage.tsx
@@ -44,13 +44,29 @@ export function VitrineImage({
 
   if (logoOnly) {
     return (
-      <div style={{ ...base, background: "#fff" }}>
-        {/* eslint-disable-next-line @next/next/no-img-element */}
-        <img
-          src={logoOnly}
-          alt=""
-          style={{ maxWidth: "80%", maxHeight: "80%", objectFit: "contain", display: "block" }}
-        />
+      <div style={{ ...base, background: "linear-gradient(160deg,#fffdf8 0%,#f3ecdc 100%)", padding: "min(8%, 22px)" }}>
+        {/* Cadre thème autour du logo (évite le bloc blanc nu) */}
+        <div
+          style={{
+            background: "#fff",
+            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}
       </div>
     );