supnas/cinny
2
1
Fork 0
Code Issues 3 Pull requests Activity

style: show entire image preview in room timeline

Browse source
This commit is contained in:
sup39 2023-11-23 13:38:27 +09:00
parent 9ecb233763
commit 77ab3fba1e
Signed by: sup39
GPG key ID: 111C00916C1641E5
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/message/attachment/Attachment.css.ts
View file

@ -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',
},
]);

4
src/app/organisms/room/RoomTimeline.tsx
View file

@ -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

2
src/app/organisms/room/message/ImageContent.tsx
View file

@ -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}