Display login page

assets/css/base_login_page.css

@@ -0,0 +1,57 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  /* background-color: #f5f5f5; */
+}
+
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: auto;
+}
+
+.form-signin .checkbox {
+  font-weight: 400;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-floating:first-child input {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-floating:not(:first-child):not(:last-child) input {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.form-floating:last-child input {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.form-control {
+  background-color: var(--bs-gray-700);
+  color: var(--bs-gray-100);
+}
+
+.form-control:focus {
+  background-color: var(--bs-gray-600);
+  color: var(--bs-gray-100);
+}

assets/css/login.css

@@ -1,5 +0,0 @@
-/**
- * Login page
- *
- * @author Pierre Hubert
- */

assets/js/base_login_page.js

@@ -0,0 +1,5 @@
+// Remove un-used alerts
+document.querySelectorAll("[role=alert]").forEach(el => {
+    if(el.innerHTML.trim() === "")
+        el.remove();
+})