Commit 4feac4b2 authored by 우지원's avatar 우지원
Browse files

a

parent c0fb0244
......@@ -239,6 +239,7 @@ function Home() {
}, [])
return (
<div style={{ weight: "100vw", height: "100vh", backgroundColor: "" }}>
<Menu style={{ weight: "100%", height: "10%" }} />
<Row className="mr-0" style={{ weight: "100%", height: "80%" }}>
......
......@@ -54,9 +54,9 @@ function LogIn() {
return (
<>
<Menu />
<Form onSubmit={handleSubmit} className='vh-85 flex-column align-items-center justify-content-center mt-2'>
<Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75">
<Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
<div className="d-flex justify-content-center">
<div className="mt-5 p-5 mr-2" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
<h2 className="text-center">로그인</h2>
<Form.Group controlId="formGroupEmail">
<Form.Label>이메일</Form.Label>
......@@ -100,7 +100,7 @@ function LogIn() {
{error}
</Alert>}
</div>
</Container>
</div>
</Form>
</>
);
......
import React, { useState, useEffect } from 'react';
import axios from 'axios'
import { Button, Form, Container, Alert, Spinner} from 'react-bootstrap';
import { Button, Form, Container, Alert, Spinner } from 'react-bootstrap';
import catchErrors from '../utils/catchErrors';
import { Redirect } from 'react-router-dom';
import Menu from '../Components/Menu';
......@@ -17,7 +17,7 @@ function SingUp() {
const [user, setUser] = useState(INIT_USER)
const [error, setError] = useState('')
const [disabled, setDisabled] = useState(true)
const [success, setSuccess] = useState(false)
const [success, setSuccess] = useState(false)
const [loading, setLoading] = useState(false)
useEffect(() => {
......@@ -54,9 +54,10 @@ function SingUp() {
return (
<>
<Menu />
<Form onSubmit={handleSubmit} className='vh-100 flex-column align-items-center justify-content-center mt-2'>
<Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75">
<Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
<div className="d-flex justify-content-center align-items-center">
<div className="p-5 mt-3" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
<h2 className="text-center ">회원가입</h2>
......@@ -129,7 +130,7 @@ function SingUp() {
{error}
</Alert>}
</div>
</Container>
</div>
</Form>
</>
)
......
......@@ -8,6 +8,7 @@ export function handleLogin(data) {
export async function handleLogout() {
sessionStorage.clear();
alert('로그아웃 되었습니다')
await axios.get('/auth/logout')
//login페이지로 이동
// window.location.href='/login'
......
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