Design verbessert.
parent
881ba21630
commit
598065d740
|
|
@ -20,7 +20,7 @@ if (container) {
|
|||
container.innerHTML = berater.map((person) => `
|
||||
<article class="package-card advisor-card">
|
||||
<h3 class="package-title">${escapeHtml(person.name)}</h3>
|
||||
<p class="package-type">${escapeHtml(person.titel || "Ernährungsberatung")}</p>
|
||||
<p class="package-type advisor-role">${escapeHtml(person.titel || "Ernährungsberatung")}</p>
|
||||
<div class="package-details-box">
|
||||
<div class="detail-item">
|
||||
<h4 class="detail-title">Kurzbiografie</h4>
|
||||
|
|
@ -35,7 +35,7 @@ if (container) {
|
|||
<ul class="detail-list">${(person.schwerpunkte || []).map((focus) => `<li>${escapeHtml(focus)}</li>`).join("")}</ul>
|
||||
</div>
|
||||
</div>
|
||||
<button class="package-btn advisor-contact" type="button" data-berater-id="${escapeHtml(person.id)}" aria-haspopup="dialog">Berater kontaktieren</button>
|
||||
<button class="package-btn advisor-contact" type="button" data-berater-id="${escapeHtml(person.id)}" aria-haspopup="dialog">${escapeHtml((typeof person.spitzname === "string" && person.spitzname.trim()) || person.vorname || person.name.trim().split(/\s+/)[0])} kontaktieren</button>
|
||||
</article>
|
||||
`).join("");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -116,3 +116,14 @@
|
|||
grid-column: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.advisor-card .advisor-role {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
.advisor-card .package-details-box {
|
||||
padding: 1.5rem;
|
||||
border: 1px solid #f8fafc1f;
|
||||
border-radius: 1.4rem;
|
||||
background: #ffffff0b;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue