fred/recipe_app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tidy up

Browse source
This commit is contained in:
fred 2025-07-17 09:17:10 -07:00
parent 3510cf28a9
commit 6ad2d6d7d3
9 changed files with 26 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/pages/RecipePage.tsx
View file

@ -30,7 +30,7 @@ function RecipePage() {
}, [id]);
console.log(recipe)
return (
<div className="recipe">
<div className="recipe page-outer">
{error && <div className="error-message">{error}</div>}
@ -38,7 +38,7 @@ function RecipePage() {
<div className="loading">Loading...</div>
) : (
<div className="recipe-card bg-amber-100 border border-amber-200 rounded-bl-lg rounded-br-lg p-6 md:p-8 lg:p-10 max-w-6xl mx-auto font-serif">
<div className="recipe-card">
<div className="border-b-2 border-amber-300 pb-4 mb-6">
<h3 className="text-2xl md:text-3xl font-bold text-amber-900 mb-2">{recipe.details.name}</h3>
<p className="text-amber-700 italic text-lg">{recipe.details.cuisine}</p>