2023251
/
trihub-ernaehrung-backseatDevs
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Design verbessert.

feature/beraterprofile
Majd Ibrahim 2026-09-29 16:02:23 +00:00
parent 881ba21630
commit 598065d740
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/berater/berater-entry.js
View File

@ -20,7 +20,7 @@ if (container) {
container.innerHTML = berater.map((person) => ` container.innerHTML = berater.map((person) => `
<article class="package-card advisor-card"> <article class="package-card advisor-card">
<h3 class="package-title">${escapeHtml(person.name)}</h3> <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="package-details-box">
<div class="detail-item"> <div class="detail-item">
<h4 class="detail-title">Kurzbiografie</h4> <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> <ul class="detail-list">${(person.schwerpunkte || []).map((focus) => `<li>${escapeHtml(focus)}</li>`).join("")}</ul>
</div> </div>
</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> </article>
`).join(""); `).join("");
} }

11
src/features/berater/berater.css
View File

@ -116,3 +116,14 @@
grid-column: auto; 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;
}