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

View file

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

View file

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