Skip to content
Snippets Groups Projects
Verified Commit 78424f7f authored by Dominic Meiser's avatar Dominic Meiser
Browse files

styling for login dialog

parent f469121e
No related branches found
No related tags found
1 merge request!7Styling for login pages
...@@ -340,3 +340,20 @@ main { ...@@ -340,3 +340,20 @@ main {
opacity: 1; opacity: 1;
} }
} }
.login-providers {
max-width: 50rem;
margin: 1rem auto;
display: flex;
flex-direction: column;
align-items: stretch;
.provider + .provider {
margin-top: 0.5rem;
}
button {
width: 100%;
}
}
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
{{ render_field(field) }} {{ render_field(field) }}
{%- endfor -%} {%- endfor -%}
<div class="buttons">
<input type="submit" value="Anmelden" /> <input type="submit" value="Anmelden" />
</div>
</form> </form>
{%- endblock main %} {%- endblock main %}
...@@ -5,10 +5,11 @@ ...@@ -5,10 +5,11 @@
{%- endblock title %} {%- endblock title %}
{% block main -%} {% block main -%}
Available login providers: <div class="login-providers">
<ul>
{% for provider in providers|sort(attribute='title') %} {% for provider in providers|sort(attribute='title') %}
<li><a href="{{ url_for(login_endpoint, provider=provider.name, next=next) }}">{{ provider.title }}</a></li> <a class="provider" href="{{ url_for(login_endpoint, provider=provider.name, next=next) }}">
<button>Log In with {{ provider.title }}</button>
</a>
{% endfor %} {% endfor %}
</ul> </div>
{%- endblock %} {%- endblock %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment