quilling.dev
An ATproto social media client -- with an independent Appview.
fix 3 image grid in DMs (#6163)
samuel.fm
+4
-5
src/view/com/util/images/ImageLayoutGrid.tsx
+4
-5
src/view/com/util/images/ImageLayoutGrid.tsx
···
27
27
? a.gap_xs
28
28
: a.gap_2xs
29
29
: a.gap_xs
30
-
const count = props.images.length
31
-
const aspectRatio = count === 3 ? 2 : undefined
30
+
32
31
return (
33
32
<View style={style}>
34
-
<View style={[gap, a.rounded_md, a.overflow_hidden, {aspectRatio}]}>
33
+
<View style={[gap, a.rounded_md, a.overflow_hidden]}>
35
34
<ImageLayoutGridInner {...props} gap={gap} />
36
35
</View>
37
36
</View>
···
78
77
case 3:
79
78
return (
80
79
<View style={[a.flex_1, a.flex_row, gap]}>
81
-
<View style={[a.flex_1]}>
80
+
<View style={[a.flex_1, {aspectRatio: 1}]}>
82
81
<GalleryItem
83
82
{...props}
84
83
index={0}
85
84
insetBorderStyle={noCorners(['topRight', 'bottomRight'])}
86
85
/>
87
86
</View>
88
-
<View style={[a.flex_1, gap]}>
87
+
<View style={[a.flex_1, {aspectRatio: 1}, gap]}>
89
88
<View style={[a.flex_1]}>
90
89
<GalleryItem
91
90
{...props}