From c2602c27a80f7aacc5872d50c4eb5165ecd2d0a4 Mon Sep 17 00:00:00 2001
From: Benno Tielen <Benno@tielen.nl>
Date: Tue, 9 Sep 2025 16:23:00 +0200
Subject: [PATCH] fix: images

---
 src/components/BlogExcerpt/BlogExcerpt.tsx    | 3 ++-
 src/components/BlogExcerpt/styles.module.scss | 5 +++++
 src/fetch/blog.ts                             | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/BlogExcerpt/BlogExcerpt.tsx b/src/components/BlogExcerpt/BlogExcerpt.tsx
index 1b402dc..1efe7ed 100644
--- a/src/components/BlogExcerpt/BlogExcerpt.tsx
+++ b/src/components/BlogExcerpt/BlogExcerpt.tsx
@@ -25,11 +25,12 @@ export const BlogExcerpt = ({id, title, excerpt, photo}: BlogExcerptProps) => {
               height={photo.height}
               alt={"Blogbild"}
               className={styles.image}
+              unoptimized={true}
             />
           </Link>
         }
       </div>
-      <div>
+      <div className={styles.content}>
         <h3><Link href={url} className={styles.title}>{title}</Link></h3>
         <p>{excerpt}</p>
 
diff --git a/src/components/BlogExcerpt/styles.module.scss b/src/components/BlogExcerpt/styles.module.scss
index be2f176..528471c 100644
--- a/src/components/BlogExcerpt/styles.module.scss
+++ b/src/components/BlogExcerpt/styles.module.scss
@@ -20,3 +20,8 @@
   border-radius: 10px;
 }
 
+.content {
+  flex-grow: 1;
+  flex-basis: 300px;
+}
+
diff --git a/src/fetch/blog.ts b/src/fetch/blog.ts
index 5bcf39c..424aefd 100644
--- a/src/fetch/blog.ts
+++ b/src/fetch/blog.ts
@@ -19,7 +19,7 @@ export const fetchBlogPosts = async (displayOnFrontpage: boolean): Promise<Pagin
         title: true,
         date: true,
         photo: true,
-        "content": !displayOnFrontpage, // hack to fetch content only for the `/blog` page
+        content: displayOnFrontpage ? undefined : true, // hack to fetch content only for the `/blog` page
       },
       where: {
         and: [