From 3dc949155f555e71ee76aaa70d613d691463d94c Mon Sep 17 00:00:00 2001
From: ertrzyiks <mateusz.derks@gmail.com>
Date: Sat, 4 Jan 2025 15:35:49 +0100
Subject: [PATCH] Use bigger photo

---
 src/components/recipe/recipe.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/recipe/recipe.tsx b/src/components/recipe/recipe.tsx
index ad39d1c..6fb36df 100644
--- 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) => (