feature/estilos_don_confiao_comprar #23
| @@ -6,7 +6,7 @@ | |||||||
|         <title>Don Confiao - Tienda la Ilusión</title> |         <title>Don Confiao - Tienda la Ilusión</title> | ||||||
|     </head> |     </head> | ||||||
|     <body class="flex h-full w-full"> |     <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"> |         <div id="menu" class="h-full w-2/12 border bg-green-400 max-h-screen overflow-auto"> | ||||||
|             {% include 'don_confiao/menu.html' %} |             {% include 'don_confiao/menu.html' %} | ||||||
|         </div> |         </div> | ||||||
|         <div id="content" class="w-10/12 h-screen max-h-full overflow-auto"> |         <div id="content" class="w-10/12 h-screen max-h-full overflow-auto"> | ||||||
|   | |||||||
| @@ -1,10 +1,10 @@ | |||||||
| {% load static %} | {% load static %} | ||||||
| <link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}"> | <link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}"> | ||||||
|  |  | ||||||
| <div class="h-full flex flex-col justify-around"> | <div class="h-full flex flex-col justify-around shadow hover:shadow-lg"> | ||||||
|     <img class="w-full px-12" src="{% static 'img/recreo_logo.png' %}" alt="Recreo"> |     <img class="w-full px-12" src="{% static 'img/recreo_logo.png' %}" alt="Recreo"> | ||||||
|     <nav id="main_menu"> |     <nav id="main_menu"> | ||||||
|         <ul class="flex flex-col m-0 p-0 justify-center gap-y-12 items-center"> |         <ul class="flex flex-col m-0 p-0 justify-center shadow hover:shadow-lg gap-y-12 items-center drop-shadow-lg"> | ||||||
|             <li><a href='/don_confiao/comprar' >Comprar</a></li> |             <li><a href='/don_confiao/comprar' >Comprar</a></li> | ||||||
|             <li><a href='/don_confiao/compras'>Compras</a></li> |             <li><a href='/don_confiao/compras'>Compras</a></li> | ||||||
|             <li><a href='/don_confiao/lista_productos'>Productos</a></li> |             <li><a href='/don_confiao/lista_productos'>Productos</a></li> | ||||||
|   | |||||||
| @@ -9,7 +9,7 @@ | |||||||
|       <div id="formset-container" class="w-full"> |       <div id="formset-container" class="w-full"> | ||||||
|         {% for form in linea_formset %} |         {% for form in linea_formset %} | ||||||
|         <div class="form-container flex justify-center "> |         <div class="form-container flex justify-center "> | ||||||
|           <table class="w-3/4 my-5" style="border: solid 1px #178E79;"> |           <table class="w-3/4 my-5 shadow-inner" style="border: solid 1px #178E79;"> | ||||||
|             {{ form.as_table }} |             {{ form.as_table }} | ||||||
|           </table> |           </table> | ||||||
|           </div> |           </div> | ||||||
| @@ -17,14 +17,14 @@ | |||||||
|       </div> |       </div> | ||||||
|     </form> |     </form> | ||||||
|     <div class="h-2/12 flex justify-center"> |     <div class="h-2/12 flex justify-center"> | ||||||
|       <button id="add_line" type="button" class="bg-yellow-100 py-2 px-5 rounded-full font-bold hover:bg-violet-300 ease-in duration-150" onclick="add_line">Añadir Linea</button> |       <button id="add_line" type="button" class="bg-yellow-400 shadow hover:shadow-lg py-2 px-5 rounded-full font-bold hover:bg-violet-200 ease-in duration-150" onclick="add_line">Añadir Linea</button> | ||||||
|     </div> |     </div> | ||||||
|   </div> |   </div> | ||||||
|   <div class="h-full w-3/12 bg-green-100 p-5 flex flex-col gap-y-3 font-semibold justify-around"> |   <div class="h-full w-3/12 bg-green-400 p-5 shadow hover:shadow-lg flex flex-col gap-y-3 font-semibold justify-around"> | ||||||
|     <p id="sale_resume_title" class="text-center decoration-solid font-mono font-bold text-xl page_title">Resumen de Venta</p> |     <p id="sale_resume_title" class="text-center decoration-solid font-mono font-bold text-xl page_title">Resumen de Venta</p> | ||||||
|     {{ sale_form }} |     {{ sale_form }} | ||||||
|     {{ summary_form }} |     {{ summary_form }} | ||||||
|     <button class="font-bold my-10 py-2 px-4 rounded-full bg-yellow-100 hover:bg-violet-300 ease-in duration-150" name="form" type="submit" >Comprar</button> |     <button class="font-bold my-10 py-2 px-4 rounded-full bg-yellow-400 shadow hover:shadow-lg hover:bg-violet-200 ease-in duration-150" name="form" type="submit" >Comprar</button> | ||||||
|   </div> |   </div> | ||||||
| </div> | </div> | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user