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
··· 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 })