Browse Source

Improved mascot popup buttons layout

Arnaud Vergnet 3 years ago
parent
commit
460d84c5f4
1 changed files with 17 additions and 12 deletions
  1. 17
    12
      src/components/Mascot/MascotPopup.js

+ 17
- 12
src/components/Mascot/MascotPopup.js View File

@@ -173,26 +173,17 @@ class MascotPopup extends React.Component<Props, State> {
173 173
         const cancel = this.props.buttons.cancel;
174 174
         return (
175 175
             <View style={{
176
-                flexDirection: "row",
177 176
                 marginLeft: "auto",
178 177
                 marginRight: "auto",
179 178
                 marginTop: "auto",
180 179
                 marginBottom: "auto",
181 180
             }}>
182
-                {cancel != null
183
-                    ? <Button
184
-                        mode={"contained"}
185
-                        icon={cancel.icon}
186
-                        color={cancel.color}
187
-                        onPress={cancel.onPress}
188
-                    >
189
-                        {cancel.message}
190
-                    </Button>
191
-                    : null}
192 181
                 {action != null
193 182
                     ? <Button
194 183
                         style={{
195
-                            marginLeft: 20,
184
+                            marginLeft: 'auto',
185
+                            marginRight: 'auto',
186
+                            marginBottom: 10,
196 187
                         }}
197 188
                         mode={"contained"}
198 189
                         icon={action.icon}
@@ -202,6 +193,20 @@ class MascotPopup extends React.Component<Props, State> {
202 193
                         {action.message}
203 194
                     </Button>
204 195
                     : null}
196
+                {cancel != null
197
+                    ? <Button
198
+                        style={{
199
+                            marginLeft: 'auto',
200
+                            marginRight: 'auto',
201
+                        }}
202
+                        mode={"contained"}
203
+                        icon={cancel.icon}
204
+                        color={cancel.color}
205
+                        onPress={cancel.onPress}
206
+                    >
207
+                        {cancel.message}
208
+                    </Button>
209
+                    : null}
205 210
             </View>
206 211
         );
207 212
     }

Loading…
Cancel
Save