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

Unify content width for details view and editor.

Browse source
This commit is contained in:
araemer 2025-10-22 20:15:57 +02:00
parent 37b8279ab5
commit ada4396405
4 changed files with 69 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/recipes/RecipeDetailPage.tsx
View file

@ -59,7 +59,7 @@ export default function RecipeDetailPage() {
ingredientList: ingGrp.ingredientList.map((ing) => ({
...ing,
// ensure only to recalculate the amount of ingredients that actually have an amout...
amount: (ing.amount && ing.amount !== undefined) ? ing.amount * factor : undefined,
amount: (ing.amount) ? ing.amount * factor : undefined,
}))
}))
@ -78,14 +78,14 @@ export default function RecipeDetailPage() {
/*Container spanning entire screen used to center content horizontally */
<div className="app-bg">
{/* Container defining the maximum width of the content */}
<div className="content-container">
<div className="content-bg">
{/* Header - remains in position when scrolling */}
<div className="sticky-header">
<h1 className="content-title mb-0 pb-0">{recipeWorkingCopy.title}</h1>
</div>
{/* Content */}
<div className="p-6 max-w-2xl mx-auto">
<div className="content-container">
{/* Recipe image */}
{recipe.imageUrl && (
<img