Fix login switch css

This commit is contained in:
Ludovic Stephan 2020-06-26 16:45:59 +02:00
parent e7b0d71416
commit c236044ac2
3 changed files with 26 additions and 23 deletions

View file

@ -7,22 +7,30 @@ html, body {
} }
#container { #container {
display: flex;
flex-flow: row wrap;
padding: 10% 1em; padding: 10% 1em;
min-width: 300px; min-width: 300px;
max-width: 900px; max-width: 900px;
margin: auto; margin: auto;
} }
h2 { #container-title {
margin: 0;
padding: 15px;
width: 100%; width: 100%;
background: #505160; background: #505160;
color: white; color: white;
}
#container-title h2 {
padding: 15px;
font-weight: initial; font-weight: initial;
font-size: 2em; font-size: 2em;
margin: 0;
}
#container-content {
text-align: center;
width: 100%;
display: flex;
flex-flow: row wrap;
} }
.cas { .cas {
@ -40,10 +48,7 @@ h2 {
color: white; color: white;
} }
#container-content {
text-align: center;
width: 100%;
}
.auth_form { .auth_form {
padding: 0.5em; padding: 0.5em;
@ -121,7 +126,7 @@ select {
text-align: end; text-align: end;
} }
a { .big-button {
flex: 1; flex: 1;
height: 200px; height: 200px;
min-width: 300px; min-width: 300px;
@ -132,6 +137,6 @@ a {
text-decoration: none; text-decoration: none;
} }
a:hover { .big-button :hover {
text-decoration: underline; text-decoration: underline;
} }

View file

@ -16,7 +16,9 @@
<body> <body>
<div id="container"> <div id="container">
{% block container-top %} {% block container-top %}
<div id="container-title">
<h2>{% if request.site.name %}{{ request.site.name }}{% else %}AuthENS{% endif %} - {% block container-title %}{% endblock %}</h2> <h2>{% if request.site.name %}{{ request.site.name }}{% else %}AuthENS{% endif %} - {% block container-title %}{% endblock %}</h2>
</div>
{% endblock %} {% endblock %}
{% if messages %} {% if messages %}

View file

@ -6,19 +6,15 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<a href="{% url "authens:login.cas" %}?next={{ next| urlencode }}"> <div id="container-content">
<div class="big-button cas"> <a class="big-button cas" href="{% url "authens:login.cas" %}?next={{ next| urlencode }}">
{% trans "Clipper" %} {% trans "Clipper" %}
</div>
</a> </a>
<a href="{% url "authens:login.pwd" %}?next={{ next| urlencode }}"> <a class="big-button exte" href="{% url "authens:login.pwd" %}?next={{ next| urlencode }}">
<div class="big-button exte"> {% trans "Mot de passe" %}
{% trans "Mot de passe" %}
</div>
</a> </a>
<a href="{% url "authens:login.oldcas" %}?next={{ next| urlencode }}"> <a class="big-button oldcas" href="{% url "authens:login.oldcas" %}?next={{ next| urlencode }}">
<div class="big-button oldcas"> {% trans "Vieilleux" %}
{% trans "Vieilleux" %}
</div>
</a> </a>
</div>
{% endblock %} {% endblock %}