3
0

Fix styles for auth screens

This commit is contained in:
Katrin Yordanova 2021-09-24 16:13:18 +03:00
parent c7975bbf40
commit ac587db589
7 changed files with 13 additions and 18 deletions

View File

@ -6,12 +6,7 @@
--body-margin: 50px;
}
html {
overflow: hidden;
}
body {
overflow: auto;
margin: var(--body-margin) 0;
font-family: 'Nunito', sans-serif;
height: calc(100vh - 2 * var(--body-margin));

View File

@ -31,7 +31,7 @@
</button>
</div>
{{ else }}
<div class="text-center m-3 mb-5">
<div class="text-center m-3 mb-3">
<i>{{ tr "authorized-clients.template.list.empty" }}</i>
</div>
{{ end }}

View File

@ -1,12 +1,12 @@
</main>
{{ template "inc_toasts.html.tpl" .alerts }}
<div class="footer col text-center position-absolute mb-4">
<div class="footer col text-center mb-4 py-4">
<a href="https://cortezaproject.org/" target="_blank" class="text-white mr-2">cortezaproject.org</a>
<a href="https://github.com/cortezaproject/" target="_blank" class="text-white ml-2">GitHub</a>
<i class="p-1 small text-white position-absolute version mr-3 mb-3">
{{ tr "inc_footer.version" "version" version }}
</i>
</div>
<i class="p-1 small text-white position-absolute version mr-3 mb-3">
{{ tr "inc_footer.version" "version" version }}
</small>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

View File

@ -76,21 +76,21 @@
</form>
<div class="row text-center">
{{ if .settings.PasswordResetEnabled }}
<div class="col cols-6 mb-5">
<div class="col cols-6">
<a href="{{ links.RequestPasswordReset }}">{{ tr "login.template.links.request-password-reset" }}</a>
</div>
{{ end }}
{{ if .settings.SignupEnabled }}
<div class="col cols-6 mb-5">
<div class="col cols-6">
<a href="{{ links.Signup }}">{{ tr "login.template.links.signup" }}</a>
</div>
{{ end }}
</div>
{{ end }}
{{ if .settings.ExternalEnabled }}
<div class="p-3">
<div class="p-2">
{{ range .providers }}
<a href="{{ links.External }}/{{ .Handle }}" class="btn btn-light btn-block btn-lg mb-2 text-dark">
<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>
{{ tr "login.template.external.login-with" "idp" (coalesce .Label .Handle) }}
</a>

View File

@ -98,7 +98,7 @@
</button>
</form>
{{ else if not .totpDisabled }}
<p class="p-3 mb-0">
<p class="px-3 pt-3 pb-2 mb-0">
<i class="bi bi-check-circle text-success h5 mr-1"></i> {{ tr "mfa.template.totp.confirmed" }}
</p>
{{ end }}

View File

@ -48,7 +48,7 @@
{{ end }}
{{ if .settings.MultiFactor.EmailOTP.Enabled }}
<div class="py-4">
<div class="pt-4 pb-1">
<h6>{{ tr "security.template.mfa.email.title" }}</h6>
<div class="row">
<div class="col-10 pt-2">
@ -77,7 +77,7 @@
</div>
{{ end }}
{{ else }}
<div class="mb-4 font-italic" role="alert">
<div class="mb-1 font-italic" role="alert">
{{ tr "security.template.mfa.all-disabled" }}
</div>
{{ end }}

View File

@ -74,7 +74,7 @@
>{{ tr "signup.template.form.button.sign-up" }}</button>
</div>
</form>
<div class="text-center my-3">
<div class="text-center mt-2 mb-3">
{{ tr "signup.template.log-in" "link" links.Login }}
</div>
</div>