Login Module in deutsch
This commit is contained in:
@@ -40,7 +40,8 @@ export default function Login() {
|
|||||||
|
|
||||||
const [inputUserName, setInputUserName] = useState("")
|
const [inputUserName, setInputUserName] = useState("")
|
||||||
const [inputPassword, setInputPassword] = useState("")
|
const [inputPassword, setInputPassword] = useState("")
|
||||||
const [hint, setHint] = useState("type here")
|
const [hint, setHint] = useState("Benutzername")
|
||||||
|
const [hint2, setHint2] = useState("Passwort")
|
||||||
const [backgroundColor, setBackgroundColor] = useState("rgb(255, 255, 255)")
|
const [backgroundColor, setBackgroundColor] = useState("rgb(255, 255, 255)")
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
@@ -51,17 +52,16 @@ export default function Login() {
|
|||||||
|
|
||||||
<p className={"font-big-fat placement"}>Login</p>
|
<p className={"font-big-fat placement"}>Login</p>
|
||||||
<div className={"placement"}>
|
<div className={"placement"}>
|
||||||
<br/>
|
<p className={"font-kinda-big"}>Benutzername:</p>
|
||||||
<p className={"font-kinda-big"}>Username</p>
|
|
||||||
<input type="text" value={inputUserName} onChange={e => setInputUserName(e.target.value.toLowerCase())}
|
<input type="text" value={inputUserName} onChange={e => setInputUserName(e.target.value.toLowerCase())}
|
||||||
placeholder={hint} className="input input-bordered input-sm w-full max-w-xs box-shadow"
|
placeholder={hint} className="input input-bordered input-sm w-full max-w-xs box-shadow"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: backgroundColor
|
backgroundColor: backgroundColor
|
||||||
}}/>
|
}}/>
|
||||||
<br/>
|
<br/>
|
||||||
<p className={"font-kinda-big"}>Password</p>
|
<p className={"font-kinda-big"}>Passwort:</p>
|
||||||
<input type="password" value={inputPassword} onChange={e => setInputPassword(e.target.value)}
|
<input type="password" value={inputPassword} onChange={e => setInputPassword(e.target.value)}
|
||||||
placeholder={hint} className="input input-bordered input-sm w-full max-w-xs box-shadow"
|
placeholder={hint2} className="input input-bordered input-sm w-full max-w-xs box-shadow"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: backgroundColor
|
backgroundColor: backgroundColor
|
||||||
}}/>
|
}}/>
|
||||||
|
|||||||
@@ -434,7 +434,6 @@ Login
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
/*gap: 10px;*/
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: rgba(255, 255, 255, 0.5);
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
width: 375px;
|
width: 375px;
|
||||||
|
|||||||
Reference in New Issue
Block a user