diff --git a/src/components/login.js b/src/components/login.js index 4a5cd1d..d82911e 100644 --- a/src/components/login.js +++ b/src/components/login.js @@ -6,18 +6,20 @@ export default (player) => { const [input, setInput] = useState(localStorage.getItem("token") ? localStorage.getItem("token"): "" ); return (
- setInput(evt.target.value)} /> - +
+ setInput(evt.target.value)} /> + +
); } diff --git a/src/index.css b/src/index.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/index.js b/src/index.js index 5f7fc62..69e66d0 100644 --- a/src/index.js +++ b/src/index.js @@ -1,6 +1,7 @@ import React, { useState } from "react"; import ReactDOM from "react-dom"; -import "./index.css"; +import "./scss/index.scss"; +import "nes.css/css/nes.min.css"; import { config } from "./config"; import axios from "axios"; import login from "./components/login"; diff --git a/src/scss/index.scss b/src/scss/index.scss new file mode 100644 index 0000000..861933c --- /dev/null +++ b/src/scss/index.scss @@ -0,0 +1,21 @@ +.login { + padding: 15%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + box-sizing: border-box; + .wrapper { + width: 100%; + input { + margin-bottom: 1em; + width: 100%; + display: block; + } + button { + width: 100%; + display: block; + } + } +}