Added various css things

- Designed login and register buttons
- removed some unnecessary css things
- changed some small things in the design
This commit is contained in:
cami 2021-06-23 03:16:09 +02:00
parent f6de850772
commit 04cdc9dd7e
11 changed files with 48 additions and 46 deletions

View file

@ -1,10 +1,10 @@
import React from "react";
import { useState, useEffect } from "react/cjs/react.development";
import { useState } from "react/cjs/react.development";
import "../../App.css";
import Footer from "../../Footer";
import InputField from "../InputField";
import SubmitField from "../SubmitField";
import { login, authFetch, useAuth, logout } from "../../auth/AuthProvider";
import { login, useAuth, logout } from "../../auth/AuthProvider";
import Secret from "./Secret";
export default function Login() {
@ -49,24 +49,26 @@ export default function Login() {
{!logged ? (
<form action="#">
<InputField
LabelName="Benutzername / Kennung"
LabelName="Benutzername"
onChange={handleUsernameChange}
InputType="text"
InputName="username"
InputPlaceHolder="Benutzername"
/>
<InputField
LabelName="Passwort"
InputType="password"
onChange={handlePasswordChange}
InputName="password"
InputPlaceHolder="Passwort"
/>
<br />
<SubmitField onClick={onSubmitClick} LabelName="Einloggen" />
</form>
) : (
<>
<Secret/>
<button onClick={() => logout()}>Logout</button>
<Secret />
<button onClick={() => logout()}>Logout</button>
</>
)}
</div>

View file

@ -1,15 +1,13 @@
import React, {useState, useEffect} from "react";
import React from "react";
import "../../App.css";
import Footer from "../../Footer";
export default function Manual() {
const [currentTime, setCurrentTime] = useState(0);
return (
<>
<div className="sitePage">
<h1> Anleitung / Bedienungshinweise</h1>
</div>
<div className="sitePage">
<h1> Anleitung / Bedienungshinweise</h1>
</div>
<Footer />
</>
);

View file

@ -36,7 +36,7 @@ export default function Login() {
<h1>Registrierung</h1>
<form>
<InputField
LabelName="Benutzername / Kennung"
LabelName="Benutzername"
InputType="text"
onChange={handleUsernameChange}
InputName="username"