Commit 796349ba authored by 우지원's avatar 우지원
Browse files

로그인, 회원가입 페이지(Nav추가)

parent 2a94cd4d
import React, { useState } from 'react';
import { Button, Form, Container } from 'react-bootstrap';
import { Button, Form, Container, Navbar } from 'react-bootstrap';
import { Link } from 'react-router-dom';
function LogIn() {
......@@ -16,6 +16,11 @@ function LogIn() {
};
return (
<>
<Navbar bg="dark" variant="dark">
<Navbar.Brand>YDK Messenger</Navbar.Brand>
</Navbar>
<Form noValidate validated={validated} onSubmit={handleSubmit}>
<Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75">
......@@ -44,7 +49,9 @@ function LogIn() {
</Form.Control.Feedback>
</Form.Group>
<Link to="./homepage">
<Button type="submit" variant="outline-success" size="lg" className="mr-4" block>로그인</Button>
</Link>
<Link to="./signuppage">
<h6 type="button" className="text-right mt-2" style={{ cursor: 'pointer' }}>회원가입</h6>
......@@ -52,6 +59,7 @@ function LogIn() {
</div>
</Container>
</Form>
</>
);
}
......
import React, { useState } from 'react';
import { Button, Form, Container } from 'react-bootstrap';
import { Button, Form, Container, Navbar } from 'react-bootstrap';
import { Link } from 'react-router-dom';
function SingUp() {
......@@ -16,6 +16,11 @@ function SingUp() {
};
return (
<>
<Navbar bg="dark" variant="dark">
<Navbar.Brand>YDK Messenger</Navbar.Brand>
</Navbar>
<div>
<Form noValidate validated={validated} onSubmit={handleSubmit}>
<Container className="d-flex justify-content-center">
......@@ -67,13 +72,14 @@ function SingUp() {
</Form.Control.Feedback>
</Form.Group>
<Link to="./homepage">
<Link to="./">
<Button type="submit" variant="outline-success" size="lg" className="mr-4" block>가입</Button>
</Link>
</div>
</Container>
</Form>
</div >
</>
)
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment