acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Fix sizing in Firefox

Browse Source
This commit is contained in:
Eric Bailey
2024-09-05 10:04:14 -05:00
parent c76ba69ca0
commit 1cd849e8ec
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/com/util/images/ImageLayoutGrid.tsx
+5 -3
View File
@@ -25,9 +25,11 @@ export function ImageLayoutGrid({style, ...props}: ImageLayoutGridProps) {
: gtMobile : gtMobile
? a.gap_sm ? a.gap_sm
: a.gap_xs : a.gap_xs
const count = props.images.length
const aspectRatio = count === 2 ? 2 : count === 3 ? 1.5 : 1
return ( return (
<View style={style}> <View style={style}>
<View style={[gap]}> <View style={[gap, {aspectRatio}]}>
<ImageLayoutGridInner {...props} gap={gap} /> <ImageLayoutGridInner {...props} gap={gap} />
</View> </View>
</View> </View>
@@ -50,7 +52,7 @@ function ImageLayoutGridInner(props: ImageLayoutGridInnerProps) {
switch (count) { switch (count) {
case 2: case 2:
return ( return (
<View style={[a.flex_row, gap]}> <View style={[a.flex_1, a.flex_row, gap]}>
<View style={[a.flex_1, {aspectRatio: 1}]}> <View style={[a.flex_1, {aspectRatio: 1}]}>
<GalleryItem {...props} index={0} /> <GalleryItem {...props} index={0} />
</View> </View>
@@ -62,7 +64,7 @@ function ImageLayoutGridInner(props: ImageLayoutGridInnerProps) {
case 3: case 3:
return ( return (
<View style={[a.flex_row, gap]}> <View style={[a.flex_1, a.flex_row, gap]}>
<View style={{flex: 2}}> <View style={{flex: 2}}>
<GalleryItem {...props} index={0} /> <GalleryItem {...props} index={0} />
</View> </View>