araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

css and adding cancel button to editor

Browse source
This commit is contained in:
Anika Raemer 2025-09-07 09:43:55 +02:00
parent f1711831f7
commit 0eec7cf58e
5 changed files with 102 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/RecipeDetailView.tsx
View file

@ -28,8 +28,8 @@ export default function RecipeDetailView() {
)}
{/* Ingredients */}
<h2 className="section-heading">Ingredients</h2>
<ul className="list-disc pl-6">
<h2 className="section-heading">Zutaten</h2>
<ul className="default-list-item">
{recipe.ingredients.map((ing, i) => (
<li key={i}>
{ing.amount} {ing.unit ?? ""} {ing.name}
@ -38,22 +38,22 @@ export default function RecipeDetailView() {
</ul>
{/* Instructions */}
<h2 className="section-heading">Instructions</h2>
<h2 className="section-heading">Zubereitung</h2>
<p className="mb-6">{recipe.instructions}</p>
{/* Action buttons */}
<div className="flex gap-8">
<div className="button-group">
<Link
to={`/recipe/${recipe.id}/edit`}
className="primary-button"
>
Edit
Bearbeiten
</Link>
<Link
to="/"
className="default-button"
>
Back
Zurueck
</Link>
</div>