✨ add images to recipe pages

diepoe · Nov 5, 2021 · a6029ea · a6029ea · vercel · Nov 5, 2021
1 parent ff8b285
commit a6029ea
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
@@ -4,6 +4,11 @@ const {content} = Astro.props
 ---
 
 <BaseLayout title="{content.title}" description="{content.description}">
+  <img
+    src="{content.img}"
+    alt="{content.title}"
+    class="mx-auto mb-4 rounded max-h-64 lg:mb-6 xl:mb-8"
+  />
   <div class="prose md:prose-lg xl:prose-xl dark:prose-dark font-kyivsans">
     <slot />
   </div>

diff --git a/src/pages/rezepte/der-erfrischer.md b/src/pages/rezepte/der-erfrischer.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der Erfrischer
 description: "Fluffy Rezept: Der Erfrischer"
+img: "/images/rezepte/der-erfrischer.jpg"
 ---
 
 # Der Erfrischer

diff --git a/src/pages/rezepte/der-magische-trunk.md b/src/pages/rezepte/der-magische-trunk.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der magische Trunk
 description: "Fluffy Rezept: Der magische Trunk"
+img: "/images/rezepte/der-magische-trunk.jpg"
 ---
 
 # Der magische Trunk

diff --git a/src/pages/rezepte/der-schnelle-laeufer.md b/src/pages/rezepte/der-schnelle-laeufer.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der schnelle Läufer
 description: "Fluffy Rezept: Der schnelle Läufer"
+img: "/images/rezepte/der-schnelle-laeufer.jpg"
 ---
 
 # Der schnelle Läufer