mirror of
https://github.com/R0m1k3/PleinR.git
synced 2026-10-11 17:27:54 +02:00
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:
1 file changed
+23
-7
@@ -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>
|
||||
);
|
||||
|
||||
Reference in new issue
Block a user