From e80d8880b07fcf64e4a8bb553045ba6943bb69be Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Mon, 23 Mar 2020 15:55:51 +0100
Subject: [PATCH] Moves unique styles of AppPage component to local file
---
components/common/app-page.js | 12 +++++++++---
styles/containers.js | 6 ------
styles/typography.js | 7 -------
3 files changed, 9 insertions(+), 16 deletions(-)
diff --git a/components/common/app-page.js b/components/common/app-page.js
index 2e7027d3..f8b3e93d 100644
--- a/components/common/app-page.js
+++ b/components/common/app-page.js
@@ -4,7 +4,7 @@ import { ScrollView, StyleSheet } from 'react-native'
import AppText from '../common/app-text'
-import { Containers, Typography } from '../../styles/redesign'
+import { Colors, Fonts, Sizes, Spacing, Typography } from '../../styles/redesign'
const AppPage = ({ children, title }) => {
return(
@@ -22,10 +22,16 @@ AppPage.propTypes = {
const styles = StyleSheet.create({
container: {
- ...Containers.page
+ backgroundColor: Colors.tourquiseLight,
+ flex: 1
},
title: {
- ...Typography.pageTitle
+ alignSelf: 'center',
+ fontFamily: Fonts.bold,
+ fontWeight: '700',
+ fontSize: Sizes.title,
+ marginHorizontal: Spacing.base,
+ ...Typography.title
}
})
diff --git a/styles/containers.js b/styles/containers.js
index 1d96f0e9..d50910e0 100644
--- a/styles/containers.js
+++ b/styles/containers.js
@@ -1,13 +1,7 @@
-import Colors from './colors'
-
export default {
centerItems: {
alignItems: 'center',
flex: 1,
justifyContent: 'center'
- },
- page: {
- backgroundColor: Colors.tourquiseLight,
- flex: 1
}
}
\ No newline at end of file
diff --git a/styles/typography.js b/styles/typography.js
index d567c322..5539b6ae 100644
--- a/styles/typography.js
+++ b/styles/typography.js
@@ -17,13 +17,6 @@ export default {
fontFamily: fonts.main,
fontSize: sizes.base
},
- pageTitle: {
- alignSelf: 'center',
- fontFamily: fonts.bold,
- fontWeight: '700',
- fontSize: sizes.title,
- marginHorizontal: Spacing.base,
- },
title: {
color: Colors.purple,
marginVertical: Spacing.large
--
GitLab