lpitault/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Improved mascot popup buttons layout

Browse source
This commit is contained in:
Arnaud Vergnet 2020-07-14 18:51:00 +02:00
parent f675bda780
commit 460d84c5f4
1 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/Mascot/MascotPopup.js
View file

@ -173,26 +173,17 @@ class MascotPopup extends React.Component<Props, State> {
const cancel = this.props.buttons.cancel; const cancel = this.props.buttons.cancel;
return ( return (
<View style={{ <View style={{
flexDirection: "row",
marginLeft: "auto", marginLeft: "auto",
marginRight: "auto", marginRight: "auto",
marginTop: "auto", marginTop: "auto",
marginBottom: "auto", marginBottom: "auto",
}}> }}>
{cancel != null
? <Button
mode={"contained"}
icon={cancel.icon}
color={cancel.color}
onPress={cancel.onPress}
>
{cancel.message}
</Button>
: null}
{action != null {action != null
? <Button ? <Button
style={{ style={{
marginLeft: 20, marginLeft: 'auto',
marginRight: 'auto',
marginBottom: 10,
}} }}
mode={"contained"} mode={"contained"}
icon={action.icon} icon={action.icon}
@ -202,6 +193,20 @@ class MascotPopup extends React.Component<Props, State> {
{action.message} {action.message}
</Button> </Button>
: null} : null}
{cancel != null
? <Button
style={{
marginLeft: 'auto',
marginRight: 'auto',
}}
mode={"contained"}
icon={cancel.icon}
color={cancel.color}
onPress={cancel.onPress}
>
{cancel.message}
</Button>
: null}
</View> </View>
); );
} }