Feat/responsivite: Reclassement des indicateurs du tableau de bord

This commit is contained in:
2026-10-20 11:43:16 +00:00
parent 61528dfbba
commit a1fa9f2f9f

View File

@@ -5,7 +5,7 @@
{% block page_titre %} Tableau de bord {% endblock %} {% block page_titre %} Tableau de bord {% endblock %}
{% block "contenu" %} {% block "contenu" %}
<div class="row p-2 d-flex justify-content-around"> <div class="row p-2 d-flex justify-content-around">
<div class="col-5 col-lg-3 border border-3 rounded border-danger p-2 d-flex" style="cursor: pointer;" id="produit_rupture"> <div class="col-12 col-lg-3 border border-3 rounded border-danger p-2 d-flex" style="cursor: pointer;" id="produit_rupture">
<img src="{% static 'images/stock-rupture.png' %}" alt="" style="width: 30%; height: 75%;"> <img src="{% static 'images/stock-rupture.png' %}" alt="" style="width: 30%; height: 75%;">
<div class="d-flex justify-content-center flex-column ms-1"> <div class="d-flex justify-content-center flex-column ms-1">
<h3 class="text-center fw-bold">Rupture</h3> <h3 class="text-center fw-bold">Rupture</h3>
@@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div class="col-5 col-lg-3 border border-3 rounded border-warning p-2 d-flex" style="cursor: pointer;" id="produit_pre_rupture"> <div class="col-12 col-lg-3 border border-3 rounded border-warning my-2 my-lg-0 p-2 d-flex" style="cursor: pointer;" id="produit_pre_rupture">
<img src="{% static 'images/stock-prerupture.png' %}" alt="" style="width: 30%; height: 75%;"> <img src="{% static 'images/stock-prerupture.png' %}" alt="" style="width: 30%; height: 75%;">
<div class="d-flex justify-content-center flex-column ms-1"> <div class="d-flex justify-content-center flex-column ms-1">
<h3 class="text-center fw-bold">Pré-rupture</h3> <h3 class="text-center fw-bold">Pré-rupture</h3>
@@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<div class="col-5 col-lg-3 mt-2 mt-lg-0 border border-3 rounded border-success p-2 d-flex" style="cursor: pointer;" id="produit_normal"> <div class="col-12 col-lg-3 border border-3 rounded border-success p-2 d-flex" style="cursor: pointer;" id="produit_normal">
<img src="{% static 'images/stock-bon.png' %}" alt="" style="width: 30%; height: 75%;"> <img src="{% static 'images/stock-bon.png' %}" alt="" style="width: 30%; height: 75%;">
<div class="d-flex justify-content-center flex-column ms-1"> <div class="d-flex justify-content-center flex-column ms-1">
<h3 class="text-center fw-bold">Correct</h3> <h3 class="text-center fw-bold">Correct</h3>