From 1cd849e8ec21d03e72f6e613a0d74d3336e09e50 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 5 Sep 2024 10:04:14 -0500
Subject: [PATCH] Fix sizing in Firefox

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

diff --git a/src/view/com/util/images/ImageLayoutGrid.tsx b/src/view/com/util/images/ImageLayoutGrid.tsx
index e097b820d6..45da7f076d 100644
--- a/src/view/com/util/images/ImageLayoutGrid.tsx
+++ b/src/view/com/util/images/ImageLayoutGrid.tsx
@@ -25,9 +25,11 @@ export function ImageLayoutGrid({style, ...props}: ImageLayoutGridProps) {
       : gtMobile
       ? a.gap_sm
       : a.gap_xs
+  const count = props.images.length
+  const aspectRatio = count === 2 ? 2 : count === 3 ? 1.5 : 1
   return (
     <View style={style}>
-      <View style={[gap]}>
+      <View style={[gap, {aspectRatio}]}>
         <ImageLayoutGridInner {...props} gap={gap} />
       </View>
     </View>
@@ -50,7 +52,7 @@ function ImageLayoutGridInner(props: ImageLayoutGridInnerProps) {
   switch (count) {
     case 2:
       return (
-        <View style={[a.flex_row, gap]}>
+        <View style={[a.flex_1, a.flex_row, gap]}>
           <View style={[a.flex_1, {aspectRatio: 1}]}>
             <GalleryItem {...props} index={0} />
           </View>
@@ -62,7 +64,7 @@ function ImageLayoutGridInner(props: ImageLayoutGridInnerProps) {
 
     case 3:
       return (
-        <View style={[a.flex_row, gap]}>
+        <View style={[a.flex_1, a.flex_row, gap]}>
           <View style={{flex: 2}}>
             <GalleryItem {...props} index={0} />
           </View>