Fixed transfer dropdown style

This commit is contained in:
Mustafa Buyukcelebi 2019-05-08 14:17:06 +03:00
parent fb5de9e51e
commit 3938e7d905
4 changed files with 8 additions and 1 deletions

View File

@ -78,7 +78,7 @@ export default EStyleSheet.create({
flex: 1, flex: 1,
}, },
dropdownRowText: { dropdownRowText: {
fontSize: 12.5, fontSize: 14,
color: '$primaryDarkGray', color: '$primaryDarkGray',
}, },
}); });

View File

@ -27,6 +27,7 @@ const WalletLineItem = ({
isHasdropdown, isHasdropdown,
dropdownOptions, dropdownOptions,
onDropdownSelect, onDropdownSelect,
dropdownStyle,
}) => ( }) => (
<GrayWrapper isGray={index && index % 2 !== 0}> <GrayWrapper isGray={index && index % 2 !== 0}>
<View style={[styles.container, fitContent && styles.fitContent, style]}> <View style={[styles.container, fitContent && styles.fitContent, style]}>
@ -86,6 +87,7 @@ const WalletLineItem = ({
noHighlight noHighlight
onSelect={onDropdownSelect} onSelect={onDropdownSelect}
rowTextStyle={styles.dropdownRowText} rowTextStyle={styles.dropdownRowText}
dropdownStyle={dropdownStyle}
/> />
</View> </View>
)} )}

View File

@ -11,4 +11,7 @@ export default EStyleSheet.create({
marginBottom: 15, marginBottom: 15,
marginTop: 0, marginTop: 0,
}, },
dropdownStyle: {
minWidth: '$deviceWidth * 0.7',
},
}); });

View File

@ -47,6 +47,7 @@ class WalletDetailsView extends PureComponent {
isHasdropdown={isShowDropdowns} isHasdropdown={isShowDropdowns}
dropdownOptions={steemDropdown.map(item => intl.formatMessage({ id: `transfer.${item}` }))} dropdownOptions={steemDropdown.map(item => intl.formatMessage({ id: `transfer.${item}` }))}
onDropdownSelect={index => navigate(steemDropdown[index], 'STEEM')} onDropdownSelect={index => navigate(steemDropdown[index], 'STEEM')}
dropdownStyle={styles.dropdownStyle}
/> />
<GrayWrapper isGray> <GrayWrapper isGray>
<WalletLineItem <WalletLineItem
@ -99,6 +100,7 @@ class WalletDetailsView extends PureComponent {
isHasdropdown={isShowDropdowns} isHasdropdown={isShowDropdowns}
dropdownOptions={sbdDropdown.map(item => intl.formatMessage({ id: `transfer.${item}` }))} dropdownOptions={sbdDropdown.map(item => intl.formatMessage({ id: `transfer.${item}` }))}
onDropdownSelect={a => navigate(steemDropdown[a], 'SBD')} onDropdownSelect={a => navigate(steemDropdown[a], 'SBD')}
dropdownStyle={styles.dropdownStyle}
/> />
<GrayWrapper isGray> <GrayWrapper isGray>
<WalletLineItem <WalletLineItem