Added some more things for login 🎉

This commit is contained in:
cami 2021-06-21 05:48:01 +02:00
parent 9621a12f0c
commit 60415ad83f
4 changed files with 13 additions and 2 deletions

View file

@ -8,6 +8,8 @@ import Ueber from "./components/pages/Ueber";
import Lizenzen from "./components/pages/lizenzen"; import Lizenzen from "./components/pages/lizenzen";
import Privacy from "./components/pages/Privacy"; import Privacy from "./components/pages/Privacy";
import Login from "./components/pages/Login"; import Login from "./components/pages/Login";
import Register from "./components/pages/Register"
import Manual from "./components/pages/Manual";
function App() { function App() {
return ( return (
@ -21,6 +23,8 @@ function App() {
<Route path="/lizenzen" component={Lizenzen} /> <Route path="/lizenzen" component={Lizenzen} />
<Route path="/privacy" component={Privacy} /> <Route path="/privacy" component={Privacy} />
<Route path="/login" component={Login} /> <Route path="/login" component={Login} />
<Route path="/register" component={Register} />
<Route path="/manual" component={Manual} />
</Switch> </Switch>
</Router> </Router>
</> </>

View file

@ -11,7 +11,7 @@ function Footer() {
<div className="footer-link-items"> <div className="footer-link-items">
<h2>Informationen</h2> <h2>Informationen</h2>
<Link to="/">Hintergrund</Link> <Link to="/">Hintergrund</Link>
<Link to="/">Ziel dieser Webseite</Link> <Link to="/manual">Wie funktioniert das?</Link>
</div> </div>
<div className="footer-link-items"> <div className="footer-link-items">
<h2>Kontakt</h2> <h2>Kontakt</h2>

View file

@ -1,6 +1,11 @@
.input-field { .input-field {
width: auto; width: auto;
} }
.input-field p{
font-size: 36px;
}
.input-field input { .input-field input {
width: 100%;
border-color: var(--primary); border-color: var(--primary);
} }

View file

@ -1,9 +1,11 @@
import React from "react"; import React from "react";
import "./Input.css"
import "./Button.css"
function SubmitField(props) { function SubmitField(props) {
const InputValue = props.LabelName; const InputValue = props.LabelName;
return ( return (
<label> <label className="input-field" className="btn btn--primary btn--medium">
<input type="submit" value={InputValue} /> <input type="submit" value={InputValue} />
</label> </label>
); );