welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: page comandas and modal add product in comanda

Browse Source
This commit is contained in:
Welton Moura
2024-12-19 20:39:19 -03:00
parent 2ac5acf4c0
commit 40dec27674
6 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
gestaoRaul/templates/htmx_components/htmx_list_products.html
View File

@@ -3,10 +3,10 @@
{% for product in products %}
{{co}}
<div class="card" hx-get="{% url 'addProduct' product.id comanda_id %} " hx-trigger="click" hx-target="#list-products-comanda">
<article style="background-color: #293552;" hx-get="{% url 'addProduct' product.id comanda_id %} " hx-trigger="click" hx-target="#list-products-comanda">
{{product.name}} <br>
R$ {{product.price}}
</div>
</article>
{% endfor %}

4
gestaoRaul/templates/static/comandas/css/comandas.css
View File

@@ -1,8 +1,8 @@
.grid-container {
display: grid;
grid-template-columns: repeat(4, 2fr);
grid-template-columns: repeat(3, 2fr);
gap: 20px;
max-width: 800px; /* Define a largura máxima do grid */
max-width: 90%; /* Define a largura máxima do grid */
margin: 0 auto; /* Centraliza o grid na página */
}

4
gestaoRaul/templates/static/pico.css
View File

@@ -1964,7 +1964,9 @@ details[open] > summary::after {
* Card (<article>)
*/
article {
margin-bottom: var(--pico-block-spacing-vertical);
/* margin-bottom: var(--pico-block-spacing-vertical); */
margin: 0px;
max-width: 95%;
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
border-radius: var(--pico-border-radius);
background: var(--pico-card-background-color);