[React Native] Fix padding in UIExplorer
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 267 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
@ -40,6 +40,7 @@ var UIExplorerPage = React.createClass({
|
||||||
ContentWrapper = (View: ReactClass<any, any, any>);
|
ContentWrapper = (View: ReactClass<any, any, any>);
|
||||||
} else {
|
} else {
|
||||||
ContentWrapper = (ScrollView: ReactClass<any, any, any>);
|
ContentWrapper = (ScrollView: ReactClass<any, any, any>);
|
||||||
|
wrapperProps.automaticallyAdjustContentInsets = !this.props.title;
|
||||||
wrapperProps.keyboardShouldPersistTaps = true;
|
wrapperProps.keyboardShouldPersistTaps = true;
|
||||||
wrapperProps.keyboardDismissMode = 'interactive';
|
wrapperProps.keyboardDismissMode = 'interactive';
|
||||||
}
|
}
|
||||||
|
@ -64,7 +65,6 @@ var UIExplorerPage = React.createClass({
|
||||||
var styles = StyleSheet.create({
|
var styles = StyleSheet.create({
|
||||||
container: {
|
container: {
|
||||||
backgroundColor: '#e9eaed',
|
backgroundColor: '#e9eaed',
|
||||||
paddingTop: 15,
|
|
||||||
flex: 1,
|
flex: 1,
|
||||||
},
|
},
|
||||||
spacer: {
|
spacer: {
|
||||||
|
@ -72,6 +72,7 @@ var styles = StyleSheet.create({
|
||||||
},
|
},
|
||||||
wrapper: {
|
wrapper: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
|
paddingTop: 10,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -41,6 +41,7 @@ var styles = StyleSheet.create({
|
||||||
borderWidth: 0.5,
|
borderWidth: 0.5,
|
||||||
borderColor: '#d6d7da',
|
borderColor: '#d6d7da',
|
||||||
margin: 10,
|
margin: 10,
|
||||||
|
marginBottom: 0,
|
||||||
height: 45,
|
height: 45,
|
||||||
padding: 10,
|
padding: 10,
|
||||||
backgroundColor: 'white',
|
backgroundColor: 'white',
|
||||||
|
|