style: login form

This commit is contained in:
Unix
2021-03-19 09:23:23 +01:00
committed by Mojib Wali
parent 4d902f014b
commit 0e2c1a0f60
2 changed files with 9 additions and 8 deletions

View File

@@ -46,5 +46,5 @@
margin-top: 10px;
}
.spacer-long{
margin-top: 20px;
margin-top: 30px;
}

View File

@@ -1,7 +1,5 @@
{#
Copyright (C) 2020 TUGRAZ
Copyright (C) 2020 mojib wali
Copyright (C) 2020 Nikita Lvov
Copyright (C) 2020-2021 Graz University of Technology.
invenio-theme-tugraz is free software; you can redistribute it and/or
modify it under the terms of the MIT License; see LICENSE file for more
@@ -14,30 +12,32 @@
{% from "invenio_accounts/_macros.html" import render_field, form_errors %}
{% block page_body %}
<div class="spacer-long"></div>
<div class="spacer-long"></div>
<div class="ui container">
<div class="ui centered grid">
<div class="ui centered grid padded">
<div class="ui padded segments big form">
<div class="ui padded segments huge form">
<div class="ui login segment padded">
<div class="divider hidden"></div>
{%- block form_header %}
<h3 class="ui login header">{{ _('Log in to Repository') }}</h3>
{%- endblock form_header %}
<div class="ui divider"></div>
<!--Log in with SSO-->
{%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
<div class="ui divider"></div>
<div class="login-page-button ui fluid large button">
<a href="{{ url_for('sso_saml.sso', idp='idp') }}" class="inverted tiny image label">
{% trans type='TUGRAZ' %} Log in with {{ type }}{% endtrans %}
<img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="20px" />
</a>
</div>
<div class="spacer-long"></div>
<div class="ui inverted horizontal divider"><span class="text-color">{{_ ("Or")}}</span></div>
{%- endif %}
{%- block form_outer %}
{%- with form = login_user_form %}
<div style="padding-bottom: 20px;padding-top: 6px;">
<form action="{{ url_for_security('login') }}" method="POST" name="login_user_form" class="ui big form">
{{ form.hidden_tag() }}
{{ form_errors(form) }}
@@ -47,6 +47,7 @@
<i class="ui sign-in icon"></i>{{ _('Log In') }}
</button>
</form>
</div>
{%- endwith %}
{%- endblock form_outer %}
<div class="divider hidden"></div>