Use bigger photo

yummy-recipes · Jan 4, 2025 · 3dc9491 · 3dc9491
1 parent acf1b67
commit 3dc9491
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/recipe/recipe.tsx b/src/components/recipe/recipe.tsx
@@ -20,13 +20,15 @@ export async function Recipe({
         <h1 className="text-gradient uppercase inline text-4xl">{title}</h1>
       </div>
 
-      <Image
-        src={coverImage}
-        width={40}
-        height={30}
-        alt={`Photo of ${title}`}
-      />
-
+      <div className="md:w-1/2">
+        <Image
+          className="w-full max-h-32 object-cover"
+          src={coverImage}
+          width={600}
+          height={400}
+          alt={`Zdjęcie ${title}`}
+        />
+      </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex-1 p-2 m-2">
           {ingredients.map(async (ingredient) => (