Require working on RN. Formatting toast

easybase · Jun 4, 2021 · 8f0045b · 8f0045b
1 parent bdf4993
commit 8f0045b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/native-example/yarn.lock b/native-example/yarn.lock
@@ -2897,7 +2897,7 @@
   "version" "0.1.2"
 
 "easybase-react@github:easybase/easybase-react#dev":
-  "resolved" "git+ssh://git@github.com/easybase/easybase-react.git#d7fa85061e79dcc57768678110a887df53fb4d4c"
+  "resolved" "git+ssh://git@github.com/easybase/easybase-react.git#bdf49934a1d76f0b05c12d1924b301c53fb144ff"
   "version" "2.1.15"
   dependencies:
     "easybasejs" "4.2.13"

diff --git a/src/ui/NativeAuth/components.tsx b/src/ui/NativeAuth/components.tsx
@@ -160,6 +160,7 @@ const ToastRoot = styled.View((props: any) => ({
     flex: 1,
     justifyContent: "center",
     alignItems: "center",
+    zIndex: 1000,
     ...(props.theme.toast ? { ...props.theme.toast } : {})
 }))
 
@@ -182,7 +183,10 @@ const ToastContainer = styled.TouchableOpacity((props: any) => ({
 
 const ToastText = styled.Text((props: any) => ({
     position: "relative",
-    margin: 10,
+    marginLeft: 20,
+    marginRight: 20,
+    marginTop: 10,
+    marginBottom: 10,
     fontWeight: 'bold',
     fontSize: 15,
     color: "#010101",
@@ -192,7 +196,7 @@ const ToastText = styled.Text((props: any) => ({
 const CloseToastText = styled.Text((props: any) => ({
     color: "#555",
     position: 'relative',
-    margin: 10,
+    marginRight: 15,
     fontWeight: '600',
     ...(props.theme.closeToastText ? { ...props.theme.closeToastText } : {})
 }))