From e9d7c444cea0d60b4d2fe1b3c7195edd3db98e5b Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 8 Nov 2024 18:00:39 +0000
Subject: fix 3 image grid in DMs (#6163)

---
 src/view/com/util/images/ImageLayoutGrid.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/view/com/util/images/ImageLayoutGrid.tsx b/src/view/com/util/images/ImageLayoutGrid.tsx
index 830040ba6..9d6a49836 100644
--- a/src/view/com/util/images/ImageLayoutGrid.tsx
+++ b/src/view/com/util/images/ImageLayoutGrid.tsx
@@ -27,11 +27,10 @@ export function ImageLayoutGrid({style, ...props}: ImageLayoutGridProps) {
         ? a.gap_xs
         : a.gap_2xs
       : a.gap_xs
-  const count = props.images.length
-  const aspectRatio = count === 3 ? 2 : undefined
+
   return (
     <View style={style}>
-      <View style={[gap, a.rounded_md, a.overflow_hidden, {aspectRatio}]}>
+      <View style={[gap, a.rounded_md, a.overflow_hidden]}>
         <ImageLayoutGridInner {...props} gap={gap} />
       </View>
     </View>
@@ -78,14 +77,14 @@ function ImageLayoutGridInner(props: ImageLayoutGridInnerProps) {
     case 3:
       return (
         <View style={[a.flex_1, a.flex_row, gap]}>
-          <View style={[a.flex_1]}>
+          <View style={[a.flex_1, {aspectRatio: 1}]}>
             <GalleryItem
               {...props}
               index={0}
               insetBorderStyle={noCorners(['topRight', 'bottomRight'])}
             />
           </View>
-          <View style={[a.flex_1, gap]}>
+          <View style={[a.flex_1, {aspectRatio: 1}, gap]}>
             <View style={[a.flex_1]}>
               <GalleryItem
                 {...props}
-- 
cgit 1.4.1