From b0251b882e6c6b06f7fdac202fcdac0724729c7d Mon Sep 17 00:00:00 2001 From: camilogs <camilo.gonzalez.col@gmail.com> Date: Mon, 19 Aug 2024 18:16:42 -0500 Subject: [PATCH] Se agregan estilos de lineas de compra --- .../templates/don_confiao/base.html | 6 +-- .../templates/don_confiao/purchase.html | 48 +++++++++++-------- 2 files changed, 32 insertions(+), 22 deletions(-) diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/base.html b/tienda_ilusion/don_confiao/templates/don_confiao/base.html index bb11512..6094561 100644 --- a/tienda_ilusion/don_confiao/templates/don_confiao/base.html +++ b/tienda_ilusion/don_confiao/templates/don_confiao/base.html @@ -5,11 +5,11 @@ <head> <title>Don Confiao - Tienda la Ilusión</title> </head> - <body class="flex h-full"> - <div id="menu" class="w-2/12 border bg-green-100"> + <body class="flex h-full w-full"> + <div id="menu" class="h-full w-2/12 border bg-green-100 max-h-screen overflow-auto"> {% include 'don_confiao/menu.html' %} </div> - <div id="content" class="w-7/12 h-full"> + <div id="content" class="w-10/12 h-screen max-h-screen overflow-auto"> {% block content %} {% endblock %} </div> </body> diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html index 9701be2..e262f01 100644 --- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html +++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html @@ -1,25 +1,35 @@ {% extends 'don_confiao/base.html' %} {% block content %} {% load static %} -<form id="complete_form_purchase" method="POST" class="h-full> - {% csrf_token %} - {{ sale_form }} - {{ linea_formset.management_form }} - <div id="formset-container" class="overflow-auto max-h-96"> - {% for form in linea_formset %} - <div class="form-container"> - <table style="border: solid 1px blue; margin: 10px"> - {{ form.as_table }} - </table> + +<div class="flex"> + <div class="w-10/12 flex"> + <form id="complete_form_purchase" method="POST" class="h-screen max-h-screen overflow-auto w-full"> + {% csrf_token %} + {{ linea_formset.management_form }} + <div id="formset-container" class="w-full"> + {% for form in linea_formset %} + <div class="form-container flex justify-center "> + <table class="w-3/4 my-5" style="border: solid 1px #178E79;"> + {{ form.as_table }} + </table> + </div> + {% endfor %} </div> - {% endfor %} + <div class="flex justify-center"> + <button id="add_line" type="button" class="bg-yellow-100 py-2 px-5 rounded-full" onclick="add_line">Añadir Linea</button> + </div> + </form> </div> - <button id="add_line" type="button" onclick="add_line">Añadir Linea</button> - {{ summary_form }} - <br/><button name="form" type="submit" >Comprar</button> - <script src="https://cdn.tailwindcss.com/"></script> - <script src="{% static 'js/add_line.js' %}"></script> - <script src="{% static 'js/sale_summary.js' %}"></script> - <script src="{% static 'js/calculate_subtotal_line.js' %}"></script> -</form> + <div class="w-2/12"> + {{ summary_form }} + <br/><button name="form" type="submit" >Comprar</button> + {{ sale_form }} + </div> +</div> + +<script src="https://cdn.tailwindcss.com/"></script> +<script src="{% static 'js/add_line.js' %}"></script> +<script src="{% static 'js/sale_summary.js' %}"></script> +<script src="{% static 'js/calculate_subtotal_line.js' %}"></script> {% endblock %}