update login style

src/Pages/LogIn/LogInView.js

 import React from 'react';
 import React from 'react';
-
+import { Card, Form, Button, Container, Row } from 'react-bootstrap';
 const LogInView = ({ onSubmit }) => {
 const LogInView = ({ onSubmit }) => {
 	return (
 	return (
-		<>
-			<h1>Log in</h1>
-			<form onSubmit={onSubmit}>
-				<label>
-					Email
-					<input style={{ width: '100%' }} name="email" type="email" placeholder="Email" />
-				</label>
-				<label>
-					Password
-					<input style={{ width: '100%' }} name="password" type="password" placeholder="Password" />
-				</label>
-				<button type="submit">Log in</button>
-			</form>
-		</>
+		<Container style={{ alignItems: 'center', paddingTop: '2em', maxWidth: '400px' }}>
+			<Card style={{ padding: '2em 1em', backgroundColor: '#49b9ff' }}>
+				<h2 style={{ color: 'white' }}>ToiletCoin Login</h2>
+				<br />
+				<Form onSubmit={onSubmit}>
+					<Form.Group controlId="formBasicEmail">
+						{/* <Form.Label>Email address</Form.Label> */}
+						<Form.Control type="email" placeholder="Enter email" name="email" />
+					</Form.Group>
+					<Form.Group controlId="formBasicPassword">
+						{/* <Form.Label>Password</Form.Label> */}
+						<Form.Control type="password" placeholder="Password" name="password" />
+					</Form.Group>
+					<br />
+					<Button variant={'success'} block type="submit">
+						Log in
+					</Button>
+				</Form>
+			</Card>
+		</Container>
 	);
 	);
 };
 };