add product in comanda

gestaoRaul/templates/base.html

@@ -9,6 +9,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
     <link rel="stylesheet" href="{% static 'base.css' %}">
+    <script src="{% static 'htmx_base.js' %}"></script>
     {% block 'head' %}
     
     {% endblock  %}

gestaoRaul/templates/htmx_components/htmx_list_products.html

@@ -0,0 +1,13 @@
+
+
+{% for product in products %}
+
+    <div class="card">
+        {{product.name}}
+       </div>
+
+{% endfor %}
+
+
+
+

gestaoRaul/templates/static/comandas/css/viewcomanda.css

@@ -6,6 +6,14 @@
     margin: 0 auto; /* Centraliza o grid na página */
   }
 
+  .grid-list-products {
+    display: grid;
+    grid-template-columns: repeat(3, 2fr);
+    gap: 10px;
+    max-width: 800px; /* Define a largura máxima do grid */
+    margin: 0 auto; /* Centraliza o grid na página */
+  }
+
 .card {
     width: 120px;
     height: 120px;