Feedback color when registering
This commit is contained in:
parent
ea7be2283e
commit
dd139c6712
3 changed files with 6 additions and 2 deletions
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in a new issue