quilling.dev
An ATproto social media client -- with an independent Appview.
Removes white space from around images (#81)
* Removes white space from around images
* Add a subtle border
authored by
Aryan Goharzad
and committed by
GitHub
439305b5
06e41167
+9
-6
+9
-6
src/view/com/composer/SelectedPhoto.tsx
+9
-6
src/view/com/composer/SelectedPhoto.tsx
···
25
25
)
26
26
27
27
return selectedPhotos.length !== 0 ? (
28
-
<View testID="selectedPhotosView" style={styles.imageContainer}>
28
+
<View testID="selectedPhotosView" style={styles.gallery}>
29
29
{selectedPhotos.length !== 0 &&
30
30
selectedPhotos.map((item, index) => (
31
31
<View
32
32
key={`selected-image-${index}`}
33
-
style={[styles.image, imageStyle]}>
33
+
style={[styles.imageContainer, imageStyle]}>
34
34
<TouchableOpacity
35
35
testID="removePhotoButton"
36
36
onPress={() => handleRemovePhoto(item)}
···
54
54
}
55
55
56
56
const styles = StyleSheet.create({
57
-
imageContainer: {
57
+
gallery: {
58
58
flex: 1,
59
59
flexDirection: 'row',
60
60
marginTop: 16,
61
61
},
62
+
imageContainer: {
63
+
margin: 2,
64
+
},
62
65
image: {
63
-
resizeMode: 'contain',
66
+
resizeMode: 'cover',
64
67
borderRadius: 8,
65
-
margin: 2,
66
-
backgroundColor: colors.gray1,
67
68
},
68
69
image250: {
69
70
width: 250,
···
88
89
justifyContent: 'center',
89
90
backgroundColor: colors.black,
90
91
zIndex: 1,
92
+
borderColor: colors.gray4,
93
+
borderWidth: 0.5,
91
94
},
92
95
})