🎨 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' %}
<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 %}
{% endblock %}
</div>

View File

@ -140,7 +140,7 @@
</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">
<i class="fa fa-bars"></i>

View File

@ -52,9 +52,14 @@
</div>
</div>
<div class="col-xs-6 text-right">
<h2>Exporter toutes vos données</h2>
<a class="btn btn-success" href="{{ path('export_all') }}">
<i class="fa fa-file-o fa-3x"></i>
Exporter toutes vos données en format csv
<i class="fa fa-file-excel-o fa-3x"></i>
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>
</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) {
#caisse-now{
margin-left: 0;
}
.big-footer{
padding-left: 0;
}
nav {
min-width: auto;
}
@ -92,6 +106,9 @@
@media all and(max-width: 600px) {
#menu_button{
}
html, body {
font-size: 1rem;
}