From 191c9395f261de4d46d6de84d98a334437a1a0ee Mon Sep 17 00:00:00 2001
From: Furzi <thefatcode@gmail.com>
Date: Sun, 18 Jan 2026 14:29:14 +0800
Subject: [PATCH] fix: prevent photos from being cut off by using
 object-contain

---
 .../MemoView/components/metadata/AttachmentCard.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/MemoView/components/metadata/AttachmentCard.tsx b/web/src/components/MemoView/components/metadata/AttachmentCard.tsx
index 2aadfb76c..a32bec97d 100644
--- a/web/src/components/MemoView/components/metadata/AttachmentCard.tsx
+++ b/web/src/components/MemoView/components/metadata/AttachmentCard.tsx
@@ -17,7 +17,7 @@ const AttachmentCard = ({ attachment, onClick, className }: AttachmentCardProps)
       <img
         src={sourceUrl}
         alt={attachment.filename}
-        className={cn("w-full h-full object-cover rounded-lg cursor-pointer", className)}
+        className={cn("w-full h-full object-contain rounded-lg cursor-pointer", className)}
         onClick={onClick}
         loading="lazy"
       />
@@ -25,7 +25,7 @@ const AttachmentCard = ({ attachment, onClick, className }: AttachmentCardProps)
   }
 
   if (attachmentType === "video/*") {
-    return <video src={sourceUrl} className={cn("w-full h-full object-cover rounded-lg", className)} controls preload="metadata" />;
+    return <video src={sourceUrl} className={cn("w-full h-full object-contain rounded-lg", className)} controls preload="metadata" />;
   }
 
   return null;