141 lines
2.6 KiB
JavaScript
141 lines
2.6 KiB
JavaScript
import { StyleSheet, Platform } from 'react-native';
|
|
|
|
import { MAX_SCREEN_CONTENT_WIDTH, MAX_CONTENT_WIDTH } from '../constants/tablet';
|
|
|
|
export default StyleSheet.create({
|
|
container: {
|
|
flex: 1
|
|
},
|
|
containerScrollView: {
|
|
padding: 15,
|
|
paddingBottom: 30
|
|
},
|
|
containerSplitView: {
|
|
flex: 1,
|
|
flexDirection: 'row'
|
|
},
|
|
tabletContent: {
|
|
maxWidth: MAX_CONTENT_WIDTH
|
|
},
|
|
tabletScreenContent: {
|
|
alignSelf: 'center',
|
|
width: MAX_SCREEN_CONTENT_WIDTH
|
|
},
|
|
modal: {
|
|
// Following UIModalPresentationFormSheet size
|
|
// this not change on different iPad sizes
|
|
width: 540,
|
|
height: 620,
|
|
alignSelf: 'center',
|
|
borderRadius: 10,
|
|
overflow: 'hidden'
|
|
},
|
|
status: {
|
|
position: 'absolute',
|
|
bottom: -3,
|
|
right: -3,
|
|
borderWidth: 3,
|
|
borderColor: '#fff'
|
|
},
|
|
textAlignCenter: {
|
|
textAlign: 'center'
|
|
},
|
|
opacity5: {
|
|
opacity: 0.5
|
|
},
|
|
loginTitle: {
|
|
fontSize: 20,
|
|
marginVertical: 15,
|
|
lineHeight: 28
|
|
},
|
|
loginSubtitle: {
|
|
fontSize: 16,
|
|
lineHeight: 20,
|
|
marginBottom: 15
|
|
},
|
|
separator: {
|
|
height: StyleSheet.hairlineWidth
|
|
},
|
|
separatorTop: {
|
|
borderTopWidth: StyleSheet.hairlineWidth
|
|
},
|
|
separatorBottom: {
|
|
borderBottomWidth: StyleSheet.hairlineWidth
|
|
},
|
|
separatorVertical: {
|
|
borderTopWidth: StyleSheet.hairlineWidth,
|
|
borderBottomWidth: StyleSheet.hairlineWidth
|
|
},
|
|
separatorLeft: {
|
|
borderLeftWidth: StyleSheet.hairlineWidth
|
|
},
|
|
textRegular: {
|
|
backgroundColor: 'transparent',
|
|
...Platform.select({
|
|
ios: {
|
|
fontFamily: 'System',
|
|
fontWeight: '400'
|
|
},
|
|
android: {
|
|
includeFontPadding: false,
|
|
fontFamily: 'sans-serif',
|
|
fontWeight: 'normal'
|
|
}
|
|
})
|
|
},
|
|
textMedium: {
|
|
backgroundColor: 'transparent',
|
|
...Platform.select({
|
|
ios: {
|
|
fontFamily: 'System',
|
|
fontWeight: '500'
|
|
},
|
|
android: {
|
|
includeFontPadding: false,
|
|
fontFamily: 'sans-serif-medium',
|
|
fontWeight: 'normal'
|
|
}
|
|
})
|
|
},
|
|
textSemibold: {
|
|
backgroundColor: 'transparent',
|
|
...Platform.select({
|
|
ios: {
|
|
fontFamily: 'System',
|
|
fontWeight: '600'
|
|
},
|
|
android: {
|
|
includeFontPadding: false,
|
|
fontFamily: 'sans-serif',
|
|
fontWeight: 'bold'
|
|
}
|
|
})
|
|
},
|
|
textBold: {
|
|
backgroundColor: 'transparent',
|
|
...Platform.select({
|
|
ios: {
|
|
fontFamily: 'System',
|
|
fontWeight: '700'
|
|
},
|
|
android: {
|
|
includeFontPadding: false,
|
|
fontFamily: 'sans-serif',
|
|
fontWeight: 'bold'
|
|
}
|
|
})
|
|
},
|
|
inputLastChild: {
|
|
marginBottom: 15
|
|
},
|
|
listContentContainer: {
|
|
borderTopWidth: StyleSheet.hairlineWidth,
|
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
marginVertical: 36
|
|
},
|
|
notchLandscapeContainer: {
|
|
marginTop: -34,
|
|
paddingHorizontal: 30
|
|
}
|
|
});
|