breadone/Recipie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change ratio and text size of step ingredient list

Browse Source
This commit is contained in:
June 2025-08-14 09:22:46 +12:00 committed by June
parent c92c754f5f
commit 88f6628ee0
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Detail/StepIngredientSideView.astro
View File

@ -10,7 +10,7 @@ const ings = await Promise.all(
<div class={className}> <div class={className}>
{ings.map(i => ( {ings.map(i => (
<div> <div class="text-sm">
<p>• {i.quantity} {i.unit || " "} {i.name}</p> <p>• {i.quantity} {i.unit || " "} {i.name}</p>
</div> </div>
))} ))}

2
src/components/Detail/StepView.astro
View File

@ -15,7 +15,7 @@ const { steps, class: className } = Astro.props
<div class="flex flex-col md:flex-row md:items-stretch"> <div class="flex flex-col md:flex-row md:items-stretch">
<p class="w-full md:flex-2/3 pr-1 text-left">{s.instruction}</p> <p class="w-full md:flex-2/3 pr-1 text-left">{s.instruction}</p>
{s.ingredients && s.ingredients.length > 0 && ( {s.ingredients && s.ingredients.length > 0 && (
<div class="w-full md:w-auto md:flex-1/3 mt-2 md:mt-0 md:ml-2 md:pl-3 md:border-l text-white/70 border-white/70"> <div class="w-full md:w-auto md:flex-2/5 mt-2 md:mt-0 md:ml-2 md:pl-3 md:border-l text-white/70 border-white/70">
<StepIngredientSideView class="text-left" ingredients={s.ingredients} /> <StepIngredientSideView class="text-left" ingredients={s.ingredients} />
</div> </div>
)} )}