¨4.0.1¨

Modules/User/Resources/assets/admin/js/auth.js

@@ -0,0 +1,17 @@
+import jQuery from "jquery";
+
+window.$ = window.jQuery = jQuery;
+
+$("[data-loading]").on("click", (e) => {
+    let button = $(e.currentTarget);
+
+    if (button.is("i")) {
+        button = button.parent();
+    }
+
+    button
+        .addClass("btn-loading")
+        .attr("disabled", "disabled")
+        .parents("form")
+        .trigger("submit");
+});

Modules/User/Resources/assets/admin/sass/auth.scss

@@ -0,0 +1,165 @@
+/* resets */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+    margin: 0;
+}
+
+body,
+html {
+    height: 100% !important;
+    width: 100% !important;
+    margin: 0;
+    display: table;
+}
+
+body {
+    font-family: "Inter", sans-serif;
+    font-weight: 400;
+    background: #f1f3f7;
+    display: table-cell;
+    vertical-align: middle;
+}
+
+/* login page */
+
+.login-page {
+    display: table;
+    width: 360px;
+    margin: auto;
+}
+
+.login-wrapper {
+    position: relative;
+    background: #ffffff;
+    border-radius: 3px;
+    padding: 15px;
+    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
+    z-index: 0;
+
+    .bg-blue {
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        height: 80px;
+        background: #0068e1;
+        overflow: hidden;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
+        z-index: -1;
+
+        .reflection {
+            position: absolute;
+            left: -100px;
+            top: 0;
+            height: 300px;
+            width: 300px;
+            background: linear-gradient(
+                rgba(255, 255, 255, 0.2),
+                rgba(255, 255, 255, 0)
+            );
+            transform: rotate(45deg);
+        }
+    }
+
+    .form-inner {
+        background: #ffffff;
+        border-radius: 3px;
+        border: 1px solid #e9e9e9;
+        margin: 15px 0 0;
+        padding: 0 15px 10px;
+    }
+
+    .reset-password {
+        p {
+            margin-bottom: 20px;
+        }
+
+        .login-form > button {
+            margin-bottom: 10px;
+        }
+
+        .input-icon {
+            top: 5px !important;
+        }
+
+        > a {
+            margin: 10px auto 5px;
+        }
+    }
+
+    h3 {
+        margin: 15px 0;
+    }
+
+    .form-group {
+        position: relative;
+
+        label > span {
+            color: #fc4b4b;
+            margin-left: 4px;
+        }
+
+        .form-control {
+            padding-left: 36px;
+        }
+    }
+
+    button {
+        display: table;
+        margin: 20px auto 5px;
+        padding-left: 60px;
+        padding-right: 60px;
+    }
+
+    a {
+        display: table;
+        margin-top: 10px;
+        color: #0068e1;
+
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+}
+
+.reset-password {
+    button {
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+}
+
+@media screen and (max-width: 415px) {
+    .login-page {
+        width: 100%;
+        margin: 0;
+        padding: 0 15px;
+
+        .checkbox {
+            display: table;
+            margin: 10px auto 0;
+        }
+
+        a {
+            display: table;
+            margin: 10px auto;
+        }
+    }
+
+    .ltr,
+    .rtl {
+        .login-page {
+            .checkbox,
+            a {
+                float: none !important;
+            }
+        }
+    }
+}

Modules/User/Resources/assets/admin/sass/main.scss

@@ -13,7 +13,7 @@
 .permission-parent-head {
     margin-bottom: 15px;
 
-    h3 {
+    h5 {
         border-bottom: 1px solid #d2d6de;
         padding-bottom: 5px;
     }
@@ -23,7 +23,6 @@
     border: 1px solid #d2d6de;
 }
 
-
 %permission-actions-btn {
     padding: 3px 10px;
     margin-left: 0px !important;
@@ -53,8 +52,8 @@
 
 .permission-row {
     .permission-label {
-        font-family: "Open Sans", sans-serif;
-        font-weight: 600;
+        font-family: "Inter", sans-serif;
+        font-weight: 500;
         display: block;
         padding-top: 6px;
     }