diff --git a/src/modules/login/Login.js b/src/modules/login/Login.js index 4e44729..9bc4fe4 100644 --- a/src/modules/login/Login.js +++ b/src/modules/login/Login.js @@ -1,6 +1,6 @@ import React, {Component} from 'react'; -import {Linking, StyleSheet, View} from 'react-native'; -import {Body, Card, CardItem, Container, Header, Content, Form, Item, Input, Label, Spinner, Button, Text, +import {Linking, StyleSheet, View, Platform} from 'react-native'; +import {Container, Header, Content, Form, Item, Input, Label, Spinner, Button, Text, Icon} from 'native-base'; import Config from 'react-native-config'; @@ -15,7 +15,7 @@ export default class Login extends Component { emailInput() { if (this.props.loginError && this.props.loginError.username) { - return + return ; } - return + return + return } - return + return - - -
- {this.emailInput()} - {this.passwordInput()} - {this.showError()} - - - - - - - {this.showSpinner()} -
-
+ +
+ {this.emailInput()} + {this.passwordInput()} + {this.showError()} + + + {this.showSpinner()} +
); @@ -157,5 +154,23 @@ const styles = StyleSheet.create({ errorMessage: { textAlign: 'center', color: 'red', - } + }, + card: { + borderColor: '#e1e8ee', + borderWidth: 1, + ...Platform.select({ + ios: { + shadowColor: 'rgba(0,0,0, .2)', + shadowOffset: {height: 0, width: 0}, + shadowOpacity: 1, + shadowRadius: 1, + }, + android: { + elevation: 1, + }, + }), + padding: 8, + margin: 8, + backgroundColor: '#fff', + }, }); \ No newline at end of file