Introduces Header redesign along with some global styles changes

2020-03-23 22:20:17 +01:00
parent e101ecb8d1
commit ce92b0af33
10 changed files with 210 additions and 132 deletions
@@ -12,5 +12,10 @@ export default {
    alignItems: 'center',
    flex: 1,
    justifyContent: 'center'
+  },
+  rowContainer: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
  }
 }
@@ -12,13 +12,26 @@ export const sizes = {
  title: 24
 }

+const title = {
+  color: Colors.purple,
+  marginVertical: Spacing.large
+}
+
 export default {
  mainText: {
    fontFamily: fonts.main,
    fontSize: sizes.base
  },
+  subtitle: {
+    fontSize: sizes.subtitle,
+    ...title
+  },
  title: {
-    color: Colors.purple,
-    marginVertical: Spacing.large
+    alignSelf: 'center',
+    fontFamily: fonts.bold,
+    fontWeight: '700',
+    fontSize: sizes.title,
+    marginHorizontal: Spacing.base,
+    ...title
  }
 }