tweak sign in button
This commit is contained in:
parent
67349b0ef6
commit
8eb661171d
2 changed files with 17 additions and 7 deletions
|
@ -112,14 +112,14 @@ class DrawerContent extends React.PureComponent {
|
|||
accessibilityLabel={'Sign In'}
|
||||
onPress={this.launchSignInFlow}
|
||||
delayPressIn={0}
|
||||
style={discoverStyle.signInMenuItem}
|
||||
style={[discoverStyle.signInMenuItem, discoverStyle.signInMenuItemButton]}
|
||||
>
|
||||
<Text style={discoverStyle.signInMenuItemText}>SIGN IN</Text>
|
||||
<Text style={discoverStyle.signInMenuItemButtonText}>SIGN IN</Text>
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
|
||||
{signedIn && (
|
||||
<View style={discoverStyle.signInMenuItem}>
|
||||
<View style={[discoverStyle.signInMenuItem, discoverStyle.signInMenuItemBorder]}>
|
||||
<Text style={discoverStyle.signInMenuItemText} numberOfLines={1}>
|
||||
{user.primary_email.toUpperCase()}
|
||||
</Text>
|
||||
|
|
|
@ -295,9 +295,7 @@ const discoverStyle = StyleSheet.create({
|
|||
color: Colors.DescriptionGrey,
|
||||
marginRight: 6,
|
||||
},
|
||||
menuScrollContent: {
|
||||
paddingTop: 12,
|
||||
},
|
||||
menuScrollContent: {},
|
||||
menuGroup: {
|
||||
marginTop: 8,
|
||||
marginBottom: 8,
|
||||
|
@ -368,20 +366,32 @@ const discoverStyle = StyleSheet.create({
|
|||
height: '100%',
|
||||
},
|
||||
signInMenuItem: {
|
||||
paddingTop: 6,
|
||||
paddingTop: 16,
|
||||
paddingBottom: 12,
|
||||
paddingLeft: 16,
|
||||
paddingRight: 16,
|
||||
marginBottom: 6,
|
||||
borderBottomWidth: 1,
|
||||
},
|
||||
signInMenuItemBorder: {
|
||||
borderBottomColor: Colors.VeryLightGrey,
|
||||
},
|
||||
signInMenuItemButton: {
|
||||
backgroundColor: Colors.LbryGreen,
|
||||
borderBottomColor: Colors.LbryGreen,
|
||||
},
|
||||
signInMenuItemText: {
|
||||
color: Colors.DescriptionGrey,
|
||||
fontFamily: 'Inter-UI-SemiBold',
|
||||
fontSize: 14,
|
||||
textAlign: 'center',
|
||||
},
|
||||
signInMenuItemButtonText: {
|
||||
color: Colors.White,
|
||||
fontFamily: 'Inter-UI-SemiBold',
|
||||
fontSize: 14,
|
||||
textAlign: 'center',
|
||||
},
|
||||
});
|
||||
|
||||
export default discoverStyle;
|
||||
|
|
Loading…
Reference in a new issue