Rudimentarily improve login style (484d7522) · Commits · Fachschaft / Portal

portal/static/css/main.css

+29 −2

Changes for portal/static/css/main.css: 29 added lines, 2 removed lines.
Original line number	Diff line number	Diff line
		@@ -8,11 +8,13 @@

		.blue {
		--primary: #144a8b;
		--on-primary: white;
		--primary-light: #387bd0;
		}

		.green {
		--primary: #135a3a;
		--on-primary: white;
		--primary-light: #2aac6d;
		}

		@@ -29,8 +31,6 @@ body {
		align-items: center;
		justify-content: center;

		font-family: "Roboto", sans-serif;

		background-color: var(--primary-light);
		background-size: cover;
		}
		@@ -67,6 +67,13 @@ main {
		color: white;
		}

		body,
		input,
		button {
		font-family: "Roboto", sans-serif;
		font-size: 1em;
		}

		code {
		font-family: "Inconsolata", monospace;
		}
		@@ -113,6 +120,26 @@ a.btn:active {
		box-shadow: none;
		}

		input {
		padding: 0.4em 0.7em;
		border-radius: 0.5em;
		border: none;
		}

		input:focus {
		outline: var(--primary-light) solid 0.15em;
		}

		input[type="submit"] {
		background-color: var(--primary);
		color: var(--on-primary);
		}

		form {
		display: grid;
		row-gap: 1em;
		}

		/* ---------------------- Navigation ----------------------- */

		nav {

+5 −11

Changes for portal/static/js/components/pages/Login.mjs: 5 added lines, 11 removed lines.
Original line number	Diff line number	Diff line
		@@ -51,19 +51,13 @@ export const Login = {
		},
		},
		[
		m("input", {
		id: "username",
		required: "true",
		label: "Benutzername",
		errorText:
		"Es gibt keinen Benutzer mit diesem Namen.",
		m("input#username", {
		required: true,
		placeholder: "CL-Account-Name",
		}),
		m("input", {
		id: "password",
		type: "password",
		m("input#password[type='password']", {
		required: true,
		label: "Passwort",
		errorText: "Das Passwort ist falsch.",
		placeholder: "Passwort",
		}),
		m("input", { type: "submit", value: "Anmelden" }),
		],