diff options
| -rw-r--r-- | src/screens/badge/BadgeItem.tsx | 31 |
1 files changed, 12 insertions, 19 deletions
diff --git a/src/screens/badge/BadgeItem.tsx b/src/screens/badge/BadgeItem.tsx index 409cc429..e4f1b1da 100644 --- a/src/screens/badge/BadgeItem.tsx +++ b/src/screens/badge/BadgeItem.tsx @@ -43,17 +43,15 @@ const BadgeItem: React.FC<BadgeItemProps> = ({ style={styles.item}> <View style={styles.detailContainer}> <Image source={resourcePath} style={styles.imageStyles} /> - <View style={styles.textContainer}> - <Text - style={[ - styles.title, - title.length > 30 - ? {fontSize: normalize(12), lineHeight: normalize(16)} - : {}, - ]}> - {title} - </Text> - </View> + <Text + style={[ + styles.title, + title.length > 30 + ? {fontSize: normalize(12), lineHeight: normalize(16)} + : {}, + ]}> + {title} + </Text> </View> </LinearGradient> </TouchableOpacity> @@ -78,18 +76,13 @@ const styles = StyleSheet.create({ }, detailContainer: { flexGrow: 1, - justifyContent: 'center', + justifyContent: 'space-evenly', alignItems: 'center', - borderWidth: 3, - borderRadius: 8, - borderColor: 'transparent', }, imageStyles: { - width: 40, - height: 40, - marginTop: '11%', + width: normalize(50), + height: normalize(50), }, - textContainer: {marginTop: '16%'}, title: { fontSize: normalize(15), fontWeight: '500', |