claude/kochwas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(view): Zutaten-Sektionen als Ueberschriften rendern
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m20s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-19 15:08:43 +02:00
parent 7d6ee04fec
commit 8069c5c246
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/RecipeView.svelte
View File

@@ -127,6 +127,9 @@
</div> </div>
<ul class="ing-list"> <ul class="ing-list">
{#each scaled as ing, i (i)} {#each scaled as ing, i (i)}
{#if ing.section_heading && ing.section_heading.trim()}
<li class="section-heading">{ing.section_heading}</li>
{/if}
<li> <li>
{#if ing.quantity !== null || ing.unit} {#if ing.quantity !== null || ing.unit}
<span class="qty"> <span class="qty">
@@ -281,6 +284,19 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.ing-list .section-heading {
list-style: none;
font-weight: 600;
color: #2b6a3d;
font-size: 1rem;
margin-top: 0.9rem;
margin-bottom: 0.2rem;
padding: 0.15rem 0;
border-bottom: 1px solid #e4eae7;
}
.ing-list .section-heading:first-child {
margin-top: 0;
}
.ing-list li { .ing-list li {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;