Hard coded box-shadow on Toast

easybase · Jun 4, 2021 · ebf2c60 · ebf2c60
1 parent be5461e
commit ebf2c60
Showing 2 changed files with 3 additions and 10 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#611f078fe889ede6eeace934d79c1ce5a3a02ec0"
+  "resolved" "git+ssh://git@github.com/easybase/easybase-react.git#be5461eadbe85f02f0e9e826c1d0f4cc1fc18ccf"
   "version" "2.1.15"
   dependencies:
     "easybasejs" "4.2.13"

diff --git a/src/ui/NativeAuth/components.tsx b/src/ui/NativeAuth/components.tsx
@@ -166,14 +166,7 @@ const ToastRoot = styled.View((props: any) => ({
 
 const ToastContainer = styled.TouchableOpacity((props: any) => ({
     backgroundColor: '#333',
-    shadowColor: "#000",
-    shadowOffset: {
-        width: 0,
-        height: 0
-    },
-    shadowOpacity: 0.41,
-    shadowRadius: 9.11,
-    elevation: 14,
+    elevation: 10,
     justifyContent: "center",
     alignItems: "center",
     borderRadius: 26,
@@ -207,7 +200,7 @@ export const Toast = ({ toastMessage, toastOpen, setToastOpen }: { toastMessage:
 
     return (
         <ToastRoot>
-            <ToastContainer activeOpacity={0.6} onPress={_ => setToastOpen(false)}>
+            <ToastContainer activeOpacity={0.6} onPress={_ => setToastOpen(false)} style={{ shadowColor: "#000", shadowOffset: { width: 0, height: 5 }, shadowOpacity: 0.34, shadowRadius: 6.27 }}>
                 <ToastText>{toastMessage}</ToastText>
                 <CloseToastText>&#x2715;</CloseToastText>
             </ToastContainer>