update ui reset password & rolling outlook

src/container/EmailVerification.js

@@ -18,7 +18,7 @@ class EmailVerification extends Component {
     }
     render() {
         return (
-          <div style={{ flex: 1, display: 'flex', backgroundColor: '#152d40', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
+          <div style={{ flex: 1, display: 'flex', backgroundColor: '#263b80', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
               <div style={{paddingTop: 20, paddingRight: 24, paddingLeft: 24, display: 'flex', flexDirection: 'column', width: 378, height: 300, borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff', justifyContent: 'center', alignItems: 'center' }}>
                 <img src={Images.berhasil} />
 

src/container/ForgotPassword.js

@@ -75,14 +75,14 @@ class ForgotPassword extends Component {
 
     render() {
         return (
-          <div style={{ flex: 1, display: 'flex', backgroundColor: '#152d40', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
+          <div style={{ flex: 1, display: 'flex', backgroundColor: '#263b80', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
             <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
                 <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
                     {this.state.messageAlert}
                 </Alert>
             </Snackbar>
               <div style={{padding: 60, display: 'flex', flexDirection: 'column', width: (this.state.msgEmail.length > 45 ? 403 : 378), height: 351, borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff', justifyContent: 'center', alignItems: 'center' }}>
-                <img src={Images.tia} />
+              <img src={Images.triputraBlack} style={{ height: 59, width: 175, alignSelf: 'center'}} />
 
                 <TextField
                     label={<Typography style={{fontSize: 12, fontFamily: 'Nunito Sans, sans-serif'}}>Email *</Typography>}

src/container/ResetPassword.js

@@ -133,14 +133,14 @@ class ResetPassword extends Component {
 
   render() {
     return (
-      <div style={{ flex: 1, display: 'flex', backgroundColor: '#152d40', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
+      <div style={{ flex: 1, display: 'flex', backgroundColor: '#263b80', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
         <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
           <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
             {this.state.messageAlert}
           </Alert>
         </Snackbar>
         <div style={{ padding: 56, display: 'flex', flexDirection: 'column', width: 378, height: 415, borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff', justifyContent: 'center', alignItems: 'center' }}>
-          <img src={Images.tia} />
+        <img src={Images.triputraBlack} style={{ height: 59, width: 175, alignSelf: 'center'}} />
 
           <TextField
             label={<Typography style={{ fontSize: 12, fontFamily: 'Nunito Sans, sans-serif' }}>New password *</Typography>}

src/container/SetPassword.js

@@ -133,14 +133,14 @@ class SetPassword extends Component {
 
   render() {
     return (
-      <div style={{ flex: 1, display: 'flex', backgroundColor: '#152d40', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
+      <div style={{ flex: 1, display: 'flex', backgroundColor: '#263b80', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
         <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
           <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
             {this.state.messageAlert}
           </Alert>
         </Snackbar>
         <div style={{ padding: 56, display: 'flex', flexDirection: 'column', width: 378, height: 415, borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff', justifyContent: 'center', alignItems: 'center' }}>
-          <img src={Images.tia} />
+        <img src={Images.triputraBlack} style={{ height: 59, width: 175, alignSelf: 'center'}} />
 
           <TextField
             label={<Typography style={{ fontSize: 12, fontFamily: 'Nunito Sans, sans-serif' }}>New password *</Typography>}