change html classes for appearence in 'voir'

This commit is contained in:
pauline 2023-09-29 09:44:24 +02:00 committed by Laetitia Getti
parent 57e06537dc
commit 0beec3cb67

View file

@ -176,7 +176,7 @@
<!-- Order detail modal --> <!-- Order detail modal -->
<div id="order-detail-{{ order.id }}" class="modal"> <div id="order-detail-{{ order.id }}" class="modal">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card "> <div class="modal-card">
<header class="modal-card-head has-background-info"> <header class="modal-card-head has-background-info">
<div class="modal-card-title-container"> <div class="modal-card-title-container">
<p class="modal-card-title">Commande de {{ order.author }}</p> <p class="modal-card-title">Commande de {{ order.author }}</p>
@ -184,27 +184,35 @@
<button class="delete" aria-label="close"></button> <button class="delete" aria-label="close"></button>
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<div class="columns"> <div class="columns is-multiline">
<div class="column"> <div class="column is-full">
{% for item in order.ordered_items.all %} {% for item in order.ordered_items.all %}
{{ item.nb }} × {{ item.item.name }} {{ item.nb }} × {{ item.item.name }}
<hr class="mb-0 mt-1"> <hr class="mb-1 mt-1">
{% endfor %} {% endfor %}
</div> </div>
{% if order.note %} {% if order.note %}
<div class="column is-4"> <div class="column is-full">
<p class="mini-title">Note à l'organisateur·ice</p> <p class="mini-title">Note à l'organisateur·ice</p>
<p>{{ order.note }}</p> <p>{{ order.note }}</p>
</div> </div>
{% endif %}
<div class="column is-full">
<p class="mini-title">Numéro de téléphone</p>
<p>{{ order.author.phone }}</p>
</div>
</div> </div>
{% endif %}
</section> </section>
<footer class="modal-card-foot"> <footer class="modal-card-foot">
<p class="mini-title">Total à payer</p> <div class="columns">
<p>{{ order.price }} €</p> <div class="column is-half">
<p class="mini-title">Total à payer</p>
<p>{{ order.price }} €</p>
</div>
</div>
</footer> </footer>
</div> </div>
</div> </div>
<!-- Confirm delete order modal --> <!-- Confirm delete order modal -->
<div id="confirm-delete-{{ order.id }}" class="modal"> <div id="confirm-delete-{{ order.id }}" class="modal">