style: alteração icones e fixação barra nav

gestaoRaul/templates/htmx_components/htmx_list_products_in_comanda.html

@@ -1,3 +1,6 @@
+{% load static %}
+
+
 <tr>
     <th style="text-align: left;">Produto</th>
     <th style="text-align: left;">Preço</th>
@@ -8,7 +11,16 @@
 <tr>
   <td>{{item.product.name}}</td>
   <td>R$ {{item.product.price}}</td>
-  <td><button hx-get="{% url 'removeProductComanda' item.id  %} " hx-trigger="click" hx-target="#list-products-comanda" onclick="open_remove_product_comanda()">🗑️ Apagar</button></td>
+  <td>
+    <img
+    src="{% static 'midia/icons/delete.svg' %}"
+    style="width: 35px; height: 35px; cursor: pointer;"
+    hx-get="{% url 'removeProductComanda' item.id  %} " 
+    hx-trigger="click" 
+    hx-target="#list-products-comanda" 
+    hx-confirm="Tem certeza que deseja excluir o produto {{item.product.name}}?" >
+  </img>
+  </td>
 </tr>
 
 {% endfor %}

gestaoRaul/templates/htmx_components/products/htmx_search_products.html

@@ -1,3 +1,4 @@
+{% load static %}
 
 
 <tr>
@@ -17,8 +18,11 @@
 <td id="category-{{product.id}}" >{{product.category.name}}</td>
 <td>
   <div class="grid-buttons">
-  <h2 onclick="editProduct({{product.id}})" style="cursor: pointer;" >📝</h2>
-  <input type="hidden" id="h-category-{{product.id}}" value="{{ product.category.id }}">
+    <img 
+    src="{% static 'midia/icons/edit.svg' %}" 
+    style=" width: 35px; height: 35px; cursor: pointer;" 
+    onclick="editProduct({{product.id}})" >
+  </img>  <input type="hidden" id="h-category-{{product.id}}" value="{{ product.category.id }}">
   <input type="hidden" id="description-{{product.id}}" value="{{ product.description }}">
 
   <form action="{% url 'onOffproduct' %}" method="post">
@@ -26,10 +30,21 @@
     <input type="hidden"  name="id-product" id="id-{{product.id}}" value="{{ product.id }}">
 
   {% if product.active == True %}
-  <button style="background-color: rgba(255, 0, 0, 0);">✅</button>
+  <button style="background-color: rgba(255, 0, 0, 0); padding: 0px;">
+    <img 
+  src="{% static 'midia/icons/toggle-on.svg' %}" 
+  style=" width: 35px; height: 35px; cursor: pointer;" 
+   >
+</img>
+  </button>
   {% else %}
-  <button style="background-color: rgba(0, 128, 0, 0);" >🚫</button>
-
+  <button style="background-color: rgba(0, 128, 0, 0); padding: 0px;" >
+    <img 
+  src="{% static 'midia/icons/toggle-off.svg' %}" 
+  style=" width: 35px; height: 35px; cursor: pointer;" 
+   >
+</img>
+  </button>
   {% endif %}
 
 </form>