Feedback color when registering

This commit is contained in:
cami 2021-06-30 00:41:58 +02:00
parent ea7be2283e
commit dd139c6712
3 changed files with 6 additions and 2 deletions

View file

@ -11,6 +11,7 @@
--secondary: rgb(218, 218, 218); --secondary: rgb(218, 218, 218);
--third: rgb(171, 183, 183); --third: rgb(171, 183, 183);
--forth: rgb(255, 255, 255); --forth: rgb(255, 255, 255);
--error: rgb(221, 140, 18);
} }
.home, .home,
@ -54,3 +55,7 @@ h1 {
max-width: 60%; max-width: 60%;
margin-bottom: 4vh; margin-bottom: 4vh;
} }
.errorMessage {
color: var(--error);
}

View file

@ -1,6 +1,5 @@
import React from "react"; import React from "react";
import "./Input.css"; import "./Input.css";
import "./Button.css";
function SubmitField(props) { function SubmitField(props) {
const InputValue = props.LabelName; const InputValue = props.LabelName;

View file

@ -56,7 +56,7 @@ export default function Login() {
onChange={handleUsernameChange} onChange={handleUsernameChange}
InputName="username" InputName="username"
/> />
<p>{message}</p> <p className="errorMessage">{message}</p>
<InputField <InputField
LabelName="Passwort" LabelName="Passwort"
InputType="password" InputType="password"