diff options
| author | Aryan Goharzad <arrygoo@gmail.com> | 2023-01-23 21:17:37 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-23 20:17:37 -0600 |
| commit | 439305b57e0c20799d87baf92c067ec8e262ea13 (patch) | |
| tree | e5a132030b9355c5097e26cce2224e49628eeb29 | |
| parent | 06e41167d05a26befb14b9742f4fc4ef3833d35d (diff) | |
| download | voidsky-439305b57e0c20799d87baf92c067ec8e262ea13.tar.zst | |
Removes white space from around images (#81)
* Removes white space from around images * Add a subtle border
| -rw-r--r-- | src/view/com/composer/SelectedPhoto.tsx | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/view/com/composer/SelectedPhoto.tsx b/src/view/com/composer/SelectedPhoto.tsx index 393c0b573..dd508fe1f 100644 --- a/src/view/com/composer/SelectedPhoto.tsx +++ b/src/view/com/composer/SelectedPhoto.tsx @@ -25,12 +25,12 @@ export const SelectedPhoto = ({ ) return selectedPhotos.length !== 0 ? ( - <View testID="selectedPhotosView" style={styles.imageContainer}> + <View testID="selectedPhotosView" style={styles.gallery}> {selectedPhotos.length !== 0 && selectedPhotos.map((item, index) => ( <View key={`selected-image-${index}`} - style={[styles.image, imageStyle]}> + style={[styles.imageContainer, imageStyle]}> <TouchableOpacity testID="removePhotoButton" onPress={() => handleRemovePhoto(item)} @@ -54,16 +54,17 @@ export const SelectedPhoto = ({ } const styles = StyleSheet.create({ - imageContainer: { + gallery: { flex: 1, flexDirection: 'row', marginTop: 16, }, + imageContainer: { + margin: 2, + }, image: { - resizeMode: 'contain', + resizeMode: 'cover', borderRadius: 8, - margin: 2, - backgroundColor: colors.gray1, }, image250: { width: 250, @@ -88,5 +89,7 @@ const styles = StyleSheet.create({ justifyContent: 'center', backgroundColor: colors.black, zIndex: 1, + borderColor: colors.gray4, + borderWidth: 0.5, }, }) |