put view styles in styles.js
This commit is contained in:
@@ -37,4 +37,68 @@ export default StyleSheet.create({
|
||||
textAlign: 'center',
|
||||
textAlignVertical: 'center'
|
||||
},
|
||||
singleButtonView: {
|
||||
flex: 1,
|
||||
margin: 5
|
||||
},
|
||||
itemsInRowView: {
|
||||
flex: 1,
|
||||
flexDirection: 'row',
|
||||
justifyContent: 'flex-start',
|
||||
alignItems: 'center'
|
||||
},
|
||||
itemsInRowSeparatedView: {
|
||||
flex: 1,
|
||||
flexDirection: 'row',
|
||||
justifyContent: 'space-evenly',
|
||||
alignItems: 'center'
|
||||
},
|
||||
symptomEditView: {
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'space-between',
|
||||
alignItems: 'flex-start'
|
||||
},
|
||||
symptomEditSplitSymptomsAndLastRowButtons: {
|
||||
flex: 4,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'flex-start',
|
||||
alignItems: 'flex-start'
|
||||
},
|
||||
symptomEditListedSymptomView: {
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'flex-start',
|
||||
alignItems: 'flex-start'
|
||||
},
|
||||
cycleDayOuterView: {
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'space-around'
|
||||
},
|
||||
cycleDayDateView: {
|
||||
flex: 2,
|
||||
justifyContent: 'center',
|
||||
backgroundColor: 'steelblue'
|
||||
},
|
||||
cycleDayNumberView: {
|
||||
flex: 1,
|
||||
justifyContent: 'center',
|
||||
backgroundColor: 'skyblue'
|
||||
},
|
||||
cycleDaySymptomsView: {
|
||||
flex: 8,
|
||||
justifyContent: 'center'
|
||||
},
|
||||
homeContainerView: {
|
||||
flex: 0.5,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'space-around'
|
||||
},
|
||||
homeButtonsView: {
|
||||
flex: 3,
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'space-around',
|
||||
margin: 5
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user