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 %}