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) {
|
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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in new issue
Block a user