ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-22 12:51:42 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

fine tuning

Browse Source
This commit is contained in:
Nouman Tahir 2021-04-04 01:30:48 +05:00
parent 9a6e49a481
commit 39032ba74b
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/uploadsGalleryModal/uploadsGalleryModal.tsx
View File

@ -134,7 +134,7 @@ export const UploadsGalleryModal = forwardRef(({username, handleOnSelect, handl
iconType="MaterialCommunityIcons" iconType="MaterialCommunityIcons"
name="delete" name="delete"
onPress={_onRemovePress} onPress={_onRemovePress}
size={16} size={20}
/> />
</View> </View>
@ -185,7 +185,7 @@ export const UploadsGalleryModal = forwardRef(({username, handleOnSelect, handl
keyExtractor={(item) => `item_${item.url}`} keyExtractor={(item) => `item_${item.url}`}
renderItem={_renderItem} renderItem={_renderItem}
ListEmptyComponent={_renderEmptyContent} ListEmptyComponent={_renderEmptyContent}
numColumns={3} numColumns={2}
refreshControl={ refreshControl={
<RefreshControl <RefreshControl
refreshing={isLoading} refreshing={isLoading}

14
src/components/uploadsGalleryModal/uploadsGalleryModalStyles.ts
View File

@ -1,7 +1,7 @@
import { TextStyle, StyleSheet, ViewStyle, Dimensions, ImageStyle } from 'react-native'; import { TextStyle, StyleSheet, ViewStyle, Dimensions, ImageStyle } from 'react-native';
import EStyleSheet from 'react-native-extended-stylesheet'; import EStyleSheet from 'react-native-extended-stylesheet';
const gridItemWidth = ((Dimensions.get('window').width/3) - 28); const gridItemWidth = ((Dimensions.get('window').width/2) - 32);
const gridItemHeight = (gridItemWidth * 500)/600 const gridItemHeight = (gridItemWidth * 500)/600
export default EStyleSheet.create({ export default EStyleSheet.create({
@ -85,19 +85,19 @@ export default EStyleSheet.create({
} as ViewStyle, } as ViewStyle,
itemIcon:{ itemIcon:{
borderRadius:8,
overflow:'hidden',
color:'$white', color:'$white',
backgroundColor:'$primaryRed'
} as ViewStyle, } as ViewStyle,
itemIconWrapper:{ itemIconWrapper:{
marginLeft:8, justifyContent:'center',
alignItems:'center',
backgroundColor:'$primaryRed',
} as ViewStyle, } as ViewStyle,
removeItemContainer:{ removeItemContainer:{
position:'absolute', position:'absolute',
top:8, top:16,
right:8 right:16
} as ViewStyle } as ViewStyle
}) })