diff --git a/src/components/MediaPreview.tsx b/src/components/MediaPreview.tsx index 034094556c..9ab631dc36 100644 --- a/src/components/MediaPreview.tsx +++ b/src/components/MediaPreview.tsx @@ -127,10 +127,12 @@ export function ImageItem({ thumbnail, alt, children, + maxWidth = 100, }: { thumbnail?: string alt?: string children?: React.ReactNode + maxWidth?: number }) { const t = useTheme() @@ -141,7 +143,7 @@ export function ImageItem({ {backgroundColor: 'black'}, a.flex_1, a.aspect_square, - {maxWidth: 100}, + {maxWidth}, a.rounded_xs, ]} accessibilityLabel={alt} @@ -152,7 +154,7 @@ export function ImageItem({ } return ( - + + {loadedImages.map((image, i) => ( - + + + ))} {post.gif && ( @@ -339,6 +345,6 @@ function DraftMediaPreview({post}: {post: DraftPostDisplay}) { alt={post.video.altText} /> )} - + ) }