box-shadow fix

yusukeshib · Dec 4, 2017 · 875f9a1 · 875f9a1
1 parent 221ccd9
commit 875f9a1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-pullrefresh",
-  "version": "2.0.0",
+  "version": "2.0.0-alpha",
   "description": "react component pull to refresh navigation",
   "main": "index.js",
   "scripts": {

diff --git a/src/component/index.js b/src/component/index.js
@@ -30,7 +30,7 @@ const Component = styled.div`
   border-radius: 20px;
   width: 40px;
   height: 40px;
-  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
 `
 
 const RotatingSvg = styled.svg`

diff --git a/src/component/index.native.js b/src/component/index.native.js
@@ -111,9 +111,9 @@ const Container = styled(View)`
   border-radius: 20px;
   width: 40px;
   height: 40px;
-  shadow-radius: 6;
-  shadow-offset: { width: 0, height: 3 };
-  shadow-opacity: 0.23;
+  shadow-radius: 2;
+  shadow-offset: { width: 0, height: 2 };
+  shadow-opacity: 0.14;
   shadow-color: #000;
 `