fix(design) fixed separator heights

malashkevich · malashkevich · commit 26f6541a0fe9 · 2017-06-20T16:45:59.000+03:00
diff --git a/app/config/darkTheme.js b/app/config/darkTheme.js
@@ -26,8 +26,8 @@ const Colors = {
   google: '#ffffff',
   facebook: '#ffffff',
 
-  gradientBaseBegin: '#ff9147',
-  gradientBaseEnd: '#ff524c',
+  gradientBaseBegin: '#6b35e4',
+  gradientBaseEnd: '#6b35e4',
   gradientVisaBegin:'#63e2ff',
   gradientVisaEnd:'#712ec3',
   gradientMasterBegin:'#febb5b',
diff --git a/app/screens/menu/categoryMenu.js b/app/screens/menu/categoryMenu.js
@@ -3,7 +3,8 @@ import PropTypes from 'prop-types'
 import {
   ListView,
   TouchableHighlight,
-  View
+  View,
+  StyleSheet
 } from 'react-native';
 import {RkStyleSheet, RkTheme, RkText} from 'react-native-ui-kitten';
 
@@ -68,7 +69,7 @@ let styles = RkStyleSheet.create(theme => ({
   item: {
     paddingVertical: 32.5,
     paddingHorizontal: 16.5,
-    borderBottomWidth: 1,
+    borderBottomWidth: StyleSheet.hairlineWidth,
     borderColor: theme.colors.border.base,
   },
   list: {
diff --git a/app/screens/messaging/chatList.js b/app/screens/messaging/chatList.js
@@ -1,7 +1,8 @@
 import React from 'react';
 import {
   FlatList,
-  View
+  View,
+  StyleSheet
 } from 'react-native';
 import _ from 'lodash';
 import {
@@ -122,7 +123,7 @@ let styles = RkStyleSheet.create(theme => ({
     marginBottom: 6
   },
   separator: {
-    height: 1,
+    height: StyleSheet.hairlineWidth,
     backgroundColor: theme.colors.border.base
   }
 }));
diff --git a/app/screens/messaging/comments.js b/app/screens/messaging/comments.js
@@ -2,6 +2,7 @@ import React from 'react';
 import {
   FlatList,
   View,
+  StyleSheet
 } from 'react-native';
 import {
   RkStyleSheet,
@@ -87,7 +88,7 @@ let styles = RkStyleSheet.create(theme => ({
     marginBottom: 6
   },
   separator: {
-    height: 1,
+    height: StyleSheet.hairlineWidth,
     backgroundColor: theme.colors.border.base
   }
 }));
diff --git a/app/screens/navigation/list.js b/app/screens/navigation/list.js
@@ -2,7 +2,8 @@ import React from 'react';
 import {
   ListView,
   TouchableHighlight,
-  View
+  View,
+  StyleSheet
 } from 'react-native';
 import {
   RkText,
@@ -56,7 +57,7 @@ let styles = RkStyleSheet.create(theme => ({
   item: {
     height: 80,
     justifyContent: 'center',
-    borderBottomWidth: 1,
+    borderBottomWidth: StyleSheet.hairlineWidth,
     borderColor: theme.colors.border.base,
     paddingHorizontal: 16
   },
diff --git a/app/screens/navigation/sideMenu.js b/app/screens/navigation/sideMenu.js
@@ -4,7 +4,8 @@ import {
   View,
   ScrollView,
   Image,
-  Platform
+  Platform,
+  StyleSheet
 } from 'react-native';
 import {NavigationActions} from 'react-navigation';
 import {
@@ -79,7 +80,7 @@ let styles = RkStyleSheet.create(theme => ({
   container: {
     height: 80,
     paddingHorizontal: 16,
-    borderTopWidth: 1,
+    borderTopWidth: StyleSheet.hairlineWidth,
     borderColor: theme.colors.border.base
   },
   root: {
diff --git a/app/screens/other/settings.js b/app/screens/other/settings.js
@@ -2,7 +2,8 @@ import React from 'react';
 import {
   ScrollView,
   View,
-  TouchableOpacity
+  TouchableOpacity,
+  StyleSheet
 } from 'react-native';
 import {
   RkText,
@@ -136,7 +137,7 @@ let styles = RkStyleSheet.create(theme => ({
     flexDirection: 'row',
     justifyContent: 'space-between',
     paddingHorizontal: 17.5,
-    borderBottomWidth: 1,
+    borderBottomWidth: StyleSheet.hairlineWidth,
     borderColor: theme.colors.border.base,
     alignItems: 'center'
   },
