🎨 responsive text on mobile

This commit is contained in:
ty kayn 2019-07-05 14:17:19 +02:00
parent 27fdc9a72c
commit 19c7935f58
4 changed files with 26 additions and 4 deletions

View File

@ -19,7 +19,7 @@
{% include 'default/header.html.twig' %} {% include 'default/header.html.twig' %}
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-9 col-sm-offset-2"> <div class="col-xs-12 col-sm-9 col-sm-offset-3 col-md-9 col-md-offset-3">
{% block body %} {% block body %}
{% endblock %} {% endblock %}
</div> </div>

View File

@ -140,7 +140,7 @@
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-3 text-sm-left text-right user-info-part"> <div class="col-xs-12 col-sm-3 text-sm-left text-md-right user-info-part">
<button class="btn btn-default visible-xs pull-right" id="menu_button"> <button class="btn btn-default visible-xs pull-right" id="menu_button">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>

View File

@ -52,9 +52,14 @@
</div> </div>
</div> </div>
<div class="col-xs-6 text-right"> <div class="col-xs-6 text-right">
<h2>Exporter toutes vos données</h2>
<a class="btn btn-success" href="{{ path('export_all') }}"> <a class="btn btn-success" href="{{ path('export_all') }}">
<i class="fa fa-file-o fa-3x"></i> <i class="fa fa-file-excel-o fa-3x"></i>
Exporter toutes vos données en format csv en format csv
</a
><a class="btn btn-success" href="{{ path('export_all_json') }}">
<i class="fa fa-file-code-o fa-3x"></i>
en JSON
</a> </a>
</div> </div>

View File

@ -1,4 +1,18 @@
@media all and(max-width: 1600px) {
.big-footer{
padding-left: 5em;
}
#caisse-now{
margin-left: -1em;
}
}
@media all and(max-width: 1200px) { @media all and(max-width: 1200px) {
#caisse-now{
margin-left: 0;
}
.big-footer{
padding-left: 0;
}
nav { nav {
min-width: auto; min-width: auto;
} }
@ -92,6 +106,9 @@
@media all and(max-width: 600px) { @media all and(max-width: 600px) {
#menu_button{
}
html, body { html, body {
font-size: 1rem; font-size: 1rem;
} }