overlay confirm

components/setStatus.tsx

@@ -65,9 +65,18 @@ export default function SetStatus() {
       return(
         <Modal transparent={true} >
           <View style={styles.overlay}>
-          <ThemedView>
+            <ThemedView style={styles.OverlayView}>
-            <ThemedButton onPress={() => onConfirm()}><ThemedText>Confirmer</ThemedText></ThemedButton>
+              <ThemedText style={{fontSize: 25}}>Changer l'était du chantier en {tempStatus} ?</ThemedText>
-            <ThemedButton onPress={() => onCancel()}><ThemedText>Annuler</ThemedText></ThemedButton>
+              <View style={styles.OverlayView}>
+                <ThemedButton lvl={2} border={5} style={styles.buttonValid} onPress={() => onConfirm()}>
+                  <ThemedText style={{fontSize: 25}}>Confirmer</ThemedText>
+                </ThemedButton>
+              </View>
+              <View style={styles.OverlayView}>
+                <ThemedButton lvl={2} border={5} style={styles.buttonValid} onPress={() => onCancel()}>
+                  <ThemedText style={{fontSize: 25}}>Annuler</ThemedText>
+                </ThemedButton>
+              </View>
             </ThemedView>
           </View>
         </Modal>
@@ -158,8 +167,26 @@ const styles = StyleSheet.create({
   },
   overlay:{
     backgroundColor:'#00000080',
-    padding:80,
+    padding:"5%",
+    paddingVertical:"20%",
     width:"100%",
     height:"100%",
   },
+  OverlayView:{
+    borderRadius: 20,
+    padding: 20,
+    alignItems: "center",
+    width: "100%",
+    //backgroundColor:'#ff0000',
+  },
+  buttonValid:{
+    borderWidth: 2,
+    width:'100%',
+    margin: 0,
+    borderRadius: 15,
+    padding: 10,
+    height:60,
+    alignItems: "center",
+  },
+  
 });