From f250cdada2e90eb5e8e883e969f9222e275c9bff Mon Sep 17 00:00:00 2001 From: Mono Mono <monomono@disroot.org> Date: Sat, 17 Aug 2024 19:07:06 -0500 Subject: [PATCH] view(css): add style to main menu. --- .../don_confiao/static/css/main_menu.css | 33 +++++++++++++++++++ .../templates/don_confiao/menu.html | 14 ++++---- .../templates/don_confiao/purchases.html | 2 +- 3 files changed, 42 insertions(+), 7 deletions(-) create mode 100644 tienda_ilusion/don_confiao/static/css/main_menu.css diff --git a/tienda_ilusion/don_confiao/static/css/main_menu.css b/tienda_ilusion/don_confiao/static/css/main_menu.css new file mode 100644 index 0000000..63edf8d --- /dev/null +++ b/tienda_ilusion/don_confiao/static/css/main_menu.css @@ -0,0 +1,33 @@ + +nav#main_menu ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + justify-content: space-between; + padding-bottom: 1em; +} + +nav#main_menu li { + margin-right: 20px; +} + +nav#main_menu a { + text-decoration: none; + color: #333; + background-color: #f0f0f0; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; +} + +nav#main_menu a:hover { + background-color: #ccc; + color: #666; +} + +nav#main_menu a:active { + background-color: #aaa; + color: #444; +} diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html index 7978d3b..383fff8 100644 --- a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html +++ b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html @@ -1,10 +1,12 @@ -<nav> +{% load static %} +<link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}"> +<nav id="main_menu"> <ul> - <li><a href='./comprar'>Comprar</a></li> - <li><a href='./compras'>Compras</a></li> - <li><a href='./lista_productos'>Productos</a></li> - <li><a href='./importar_productos'>Importar Productos</a></li> - <li><a href='./cuadrar_tarro'>Cuadrar tarro</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/lista_productos'>Productos</a></li> + <li><a href='/don_confiao/importar_productos'>Importar Productos</a></li> + <li><a href='/don_confiao/cuadrar_tarro'>Cuadrar tarro</a></li> </ul> </nav> diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html index 3ce9533..c00c823 100644 --- a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html +++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html @@ -4,7 +4,7 @@ {% if purchases %} <ul> {% for purchase in purchases %} - <li><a href="/don_confiao/{{ purchase.id }}/">{{ purchase.date }}, {{ purchase.customer }}</a></li> + <li><a href="/don_confiao/resumen_compra/{{ purchase.id }}">{{ purchase.date }}, {{ purchase.customer }}</a></li> {% endfor %} </ul> {% else %}