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:
parent
f6de850772
commit
04cdc9dd7e
11 changed files with 48 additions and 46 deletions
|
@ -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>
|
||||
|
|
|
@ -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 />
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -36,7 +36,7 @@ export default function Login() {
|
|||
<h1>Registrierung</h1>
|
||||
<form>
|
||||
<InputField
|
||||
LabelName="Benutzername / Kennung"
|
||||
LabelName="Benutzername"
|
||||
InputType="text"
|
||||
onChange={handleUsernameChange}
|
||||
InputName="username"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue