From f120dfbc4db523d5d47500132076e27a80637092 Mon Sep 17 00:00:00 2001
From: HangerThem <f.borisjuk@hangerthem.com>
Date: Tue, 4 Aug 2026 14:47:00 +0200
Subject: [PATCH] Fixed image taking whole page on post page

---
 components/content/ImageWrapper.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/content/ImageWrapper.tsx b/components/content/ImageWrapper.tsx
index f14e0a4..bd67d4f 100644
--- a/components/content/ImageWrapper.tsx
+++ b/components/content/ImageWrapper.tsx
@@ -9,7 +9,7 @@ type ImageWrapperProps = {
 
 export function ImageWrapper({ src, alt, isListing }: ImageWrapperProps) {
   return (
-    <figure className={cn('flex flex-col items-center gap-1 mb-4 w-full h-full')}>
+    <figure className={cn('flex flex-col items-center gap-1 mb-4 w-full', isListing && 'h-full')}>
       <div className="border border-border rounded-xl w-full overflow-hidden flex-1">
         <div
           className="flex items-center gap-2 px-2 h-6 border-b border-border w-full bg-fg/10"
@@ -25,11 +25,11 @@ export function ImageWrapper({ src, alt, isListing }: ImageWrapperProps) {
         <Image
           src={`/posts/${src}`}
           alt={alt ?? ''}
-          width={isListing ? 400 : 1800}
-          height={isListing ? 240 : 1200}
+          width={isListing ? 400 : 900}
+          height={isListing ? 240 : 600}
           quality={isListing ? 75 : 100}
           priority={true}
-          className="w-auto mx-auto object-cover h-full"
+          className="w-full mx-auto object-contain h-full max-h-150"
         />
       </div>
       {!isListing && alt && (