From 77ab3fba1eaf23bd880916e66a7dcbca3bdd9b57 Mon Sep 17 00:00:00 2001
From: sup39 <dev@sup39.dev>
Date: Thu, 23 Nov 2023 13:38:27 +0900
Subject: [PATCH] style: show entire image preview in room timeline

---
 src/app/components/message/attachment/Attachment.css.ts | 4 ++--
 src/app/organisms/room/RoomTimeline.tsx                 | 4 ++--
 src/app/organisms/room/message/ImageContent.tsx         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/components/message/attachment/Attachment.css.ts b/src/app/components/message/attachment/Attachment.css.ts
index 4c41761..21ed324 100644
--- a/src/app/components/message/attachment/Attachment.css.ts
+++ b/src/app/components/message/attachment/Attachment.css.ts
@@ -9,7 +9,7 @@ export const Attachment = recipe({
     borderRadius: config.radii.R400,
     overflow: 'hidden',
     maxWidth: '100%',
-    width: toRem(400),
+    // width: toRem(400),
   },
   variants: {
     outlined: {
@@ -31,7 +31,7 @@ export const AttachmentBox = style([
   {
     maxWidth: '100%',
     maxHeight: toRem(600),
-    width: toRem(400),
+    // width: toRem(400),
     overflow: 'hidden',
   },
 ]);
diff --git a/src/app/organisms/room/RoomTimeline.tsx b/src/app/organisms/room/RoomTimeline.tsx
index 0c74de5..56d895e 100644
--- a/src/app/organisms/room/RoomTimeline.tsx
+++ b/src/app/organisms/room/RoomTimeline.tsx
@@ -1100,13 +1100,13 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
       if (typeof mxcUrl !== 'string') {
         return null;
       }
-      const height = scaleYDimension(imgInfo?.w || 400, 400, imgInfo?.h || 400);
+      // const height = scaleYDimension(imgInfo?.w || 400, 400, imgInfo?.h || 400);
 
       return (
         <Attachment>
           <AttachmentBox
             style={{
-              height: toRem(height < 48 ? 48 : height),
+              // height: toRem(height < 48 ? 48 : height),
             }}
           >
             <ImageContent
diff --git a/src/app/organisms/room/message/ImageContent.tsx b/src/app/organisms/room/message/ImageContent.tsx
index 6e28802..608f331 100644
--- a/src/app/organisms/room/message/ImageContent.tsx
+++ b/src/app/organisms/room/message/ImageContent.tsx
@@ -121,7 +121,7 @@ export const ImageContent = as<'div', ImageContentProps>(
           </Box>
         )}
         {srcState.status === AsyncStatus.Success && (
-          <Box className={css.AbsoluteContainer}>
+          <Box className={css.AbsoluteContainer} style={{position: 'unset'}}>
             <Image
               alt={body}
               title={body}