DeforaNetworks/corteza
3
0
Fork 0
Code Activity

Redesign login template

Browse Source
This commit is contained in:
Katrin Yordanova
2022-06-15 11:41:49 +03:00
parent ef503e433f
commit 6e4402e15e
6 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/src/release-background.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 MiB

After

Width:  |  Height:  |  Size: 2.9 MiB

11
auth/assets/public/style.css
View File

@@ -21,7 +21,7 @@ body {
.logo {
max-height: 45px;
max-width: 75%;
max-width: 25%;
}
.version {
@@ -72,6 +72,11 @@ a:hover {
border-radius: 1rem;
}
.header {
background-color: #F4F7FA;
border-radius: 10px 10px 0 0 !important;
}
.btn-primary,
.bg-primary {
background-color: var(--primary)!important;
@@ -105,6 +110,10 @@ a:hover {
border-bottom: 4px solid var(--primary);
}
.login-title {
font-size: 25px;
}
/* form styling*/
.form-control {
border: 2px solid var(--light);

2
auth/assets/templates/inc_header.html.tpl
View File

@@ -9,7 +9,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link href="{{ links.AuthAssets }}/style.css?{{ buildtime }}" rel="stylesheet">
<title>Corteza</title>

6
auth/assets/templates/inc_nav.html.tpl
View File

@@ -1,7 +1,7 @@
<div class="card-header border-0 p-0">
<div class="text-center w-100">
<div class="header card-header border-0 p-0">
<div class="text-center w-100 my-4">
<a href="{{ links.Profile }}">
<img class="logo m-3" alt="Company logo" src="{{ links.Assets }}/logo.png">
<img class="logo" alt="Company logo" src="{{ links.Assets }}/logo.png">
</a>
</div>

18
auth/assets/templates/login.html.tpl
View File

@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h4 class="card-title p-3 border-bottom">{{ tr "login.template.title" }}</h4>
<h4 class="login-title card-title p-3 border-bottom">{{ tr "login.template.title" }}</h4>
{{ if .settings.LocalEnabled }}
<form
method="POST"
@@ -15,7 +15,7 @@
{{ end }}
<div class="mb-3">
<label>
{{ tr "login.template.form.email.label" }} *
{{ tr "login.template.form.email.label" }}
</label>
<input
type="email"
@@ -31,7 +31,7 @@
{{ if not .form.splitCredentialsCheck }}
<div class="mb-3">
<label>
{{ tr "login.template.form.password.label" }} *
{{ tr "login.template.form.password.label" }}
</label>
<input
type="password"
@@ -45,7 +45,6 @@
</div>
<div class="row">
<div class="col text-right">
{{ if .enableRememberMe }}
<button
class="btn btn-primary btn-block btn-lg"
data-test-id="button-login-and-remember"
@@ -55,13 +54,6 @@
>
{{ tr "login.template.form.button.login-and-remember" }}
</button>
{{ end }}
<button
class="btn btn-light btn-block"
type="submit"
>
{{ tr "login.template.form.button.login" }}
</button>
</div>
</div>
{{ else }}
@@ -80,7 +72,7 @@
</div>
{{ end }}
</form>
<div class="row text-center pb-3">
<div class="row text-center px-3 pb-3">
{{ if .settings.PasswordResetEnabled }}
<div class="col cols-6">
<a href="{{ links.RequestPasswordReset }}">{{ tr "login.template.links.request-password-reset" }}</a>
@@ -95,7 +87,7 @@
{{ end }}
{{ if .settings.ExternalEnabled }}
<div class="pb-3">
<div class="px-3 pb-3">
{{ range .providers }}
<a href="{{ links.External }}/{{ .Handle }}" class="btn btn-light btn-block btn-lg mb-2 mt-1 text-dark">
<i class="bi bi-{{ .Icon }} mr-1"></i>

4
auth/assets/templates/template-dev.html.tpl
View File

@@ -14,10 +14,10 @@
<body class="bg-dark text-light">
<div class="container-fluid">
<div class="row m-0 p-0">
<div class="col-3">
<div class="col-3 pl-0">
<sidebar class="vh-100 position-fixed w-25 overflow-auto">
{{ range .templates }}
<div class="pt-2">
<div class="pt-2 w-75">
<code>{{ .Template }}.html.tpl</code>
<ul class="nav flex-column">
{{ range .Scenes }}