Feature/Backendcontainer #35

Merged
cami merged 4 commits from feature/backendContainer into main 2021-06-21 23:01:16 +00:00
5 changed files with 64 additions and 0 deletions
Showing only changes of commit 514de0e4ae - Show all commits

View file

@ -45,3 +45,12 @@
color: #fff;
font-size: 100px;
}
.sitePage {
height: 90vh;
display: flex;
justify-content: center;
}
.sitePage h1 {
font-size: 80px;
}

View file

@ -7,6 +7,7 @@ import SignUp from "./components/pages/SignUp";
import Ueber from "./components/pages/Ueber";
import Lizenzen from "./components/pages/lizenzen";
import Privacy from "./components/pages/Privacy";
import Login from "./components/pages/Login";
function App() {
return (
@ -19,6 +20,7 @@ function App() {
<Route path="/sign-up" component={SignUp} />
<Route path="/lizenzen" component={Lizenzen} />
<Route path="/privacy" component={Privacy} />
<Route path="/login" component={Login} />
</Switch>
</Router>
</>

View file

@ -0,0 +1,12 @@
import React from "react";
function InputField(props) {
return (
<label>
<p>{props.LabelName}</p>
<input name={props.InputName} type={props.InputType} />
</label>
);
}
export default InputField;

View file

@ -0,0 +1,12 @@
import React from "react";
function SubmitField(props) {
const InputValue = props.LabelName;
return (
<label>
<input type="submit" value={InputValue} />
</label>
);
}
export default SubmitField;

View file

@ -0,0 +1,29 @@
import React from "react";
import "../../App.css";
import Footer from "../../Footer";
import InputField from "../InputField";
import SubmitField from "../SubmitField";
export default function Login() {
return (
<>
<div className="sitePage">
<h1>Login</h1>
<form>
<InputField
LabelName="Benutzername / Kennung"
InputType=""
InputName="username"
/>
<InputField
LabelName="Passwort"
InputType="password"
InputName="password"
/>
<SubmitField LabelName="Einloggen" />
</form>
</div>
<Footer />
</>
);
}