import { Platform, StyleSheet } from 'react-native';
import { MAX_SCREEN_CONTENT_WIDTH } from '../constants/tablet';
export default StyleSheet.create({
container: {
flex: 1,
flexDirection: 'column'
},
containerScrollView: {
padding: 15,
paddingBottom: 30
tabletScreenContent: {
justifyContent: 'center',
alignSelf: 'center',
width: MAX_SCREEN_CONTENT_WIDTH
modalFormSheet: {
// Following UIModalPresentationFormSheet size
// this not change on different iPad sizes
width: 540,
height: 620,
overflow: 'hidden',
borderRadius: 10
status: {
position: 'absolute',
bottom: -2,
right: -2,
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,
separatorLeft: {
borderLeftWidth: StyleSheet.hairlineWidth
textRegular: {
textAlign: 'left',
backgroundColor: 'transparent',
...Platform.select({
ios: {
fontFamily: 'System',
fontWeight: '400'
android: {
includeFontPadding: false,
fontFamily: 'sans-serif',
fontWeight: 'normal'
}
})
textMedium: {
fontWeight: '500'
fontFamily: 'sans-serif-medium',
textSemibold: {
fontWeight: '600'
fontWeight: 'bold'
textBold: {
fontWeight: '700'
inputLastChild: {
notchLandscapeContainer: {
marginTop: -34,
paddingHorizontal: 30
});