affichage correct de "Voici les établissements[...]"

PapillonApp · Nov 17, 2024 · 9fd16ab · 9fd16ab
1 parent 1ba45d6
commit 9fd16ab
Showing 1 changed file with 5 additions and 15 deletions.
diff --git a/src/views/login/pronote/PronoteInstanceSelector.tsx b/src/views/login/pronote/PronoteInstanceSelector.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import type { Screen } from "@/router/helpers/types";
-import { TextInput, TouchableOpacity, View, StyleSheet, ActivityIndicator, Keyboard, KeyboardEvent } from "react-native";
+import { TextInput, TouchableOpacity, View, StyleSheet, ActivityIndicator, Keyboard, KeyboardEvent, SafeAreaView } from "react-native";
 import pronote from "pawnote";
 import Reanimated, { LinearTransition, FlipInXDown, FadeInUp, FadeOutUp, ZoomIn, ZoomOut, Easing, ZoomInEasyDown } from "react-native-reanimated";
 import determinateAuthenticationView from "@/services/pronote/determinate-authentication-view";
@@ -101,17 +101,10 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
   }, [search, originalInstances]);
 
   return (
-    <View
-      style={[
-        styles.container,
-        {
-          paddingTop: insets.top,
-        }
-      ]}
-    >
+    <SafeAreaView style={styles.container}>
       <MaskStars />
 
-      <View style={{height: insets.top}} />
+      <View style={{ height: insets.top, marginTop: "10%" }} />
 
       {!keyboardOpen &&
         <Reanimated.View
@@ -123,9 +116,8 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
           <PapillonShineBubble
             message={"Voici les établissements que j'ai trouvé !"}
             numberOfLines={2}
-            width={250}
+            width={260}
             noFlex
-            style={{ marginTop: 0, zIndex: 9999 }}
           />
         </Reanimated.View>
       }
@@ -264,17 +256,15 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
         </Reanimated.View>
 
       )}
-    </View>
+    </SafeAreaView>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: "center",
-    justifyContent: "center",
     gap: 20,
-    paddingTop: -40,
   },
 
   overScrollContainer: {