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: padronixação modal | tooltips

Browse Source
This commit is contained in:
Welton Moura
2025-01-22 08:45:56 -03:00
parent 891f23ec2e
commit 155cf44fec
6 changed files with 68 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
gestaoRaul/templates/htmx_components/htmx_list_products_in_comanda.html
View File

@@ -11,11 +11,14 @@
<td>
{{item.product.name}}
{% if item.product.cuisine == True %}
<span data-tooltip="Observações para preparo." data-flow="top">
<img
onclick="openModalObs({{item.id}})"
src="{% static 'midia/icons/note.svg' %}"
style="width: 25px; height: 35px; cursor: pointer;">
</img>
<span>
{% endif %}
</td>

24
gestaoRaul/templates/htmx_components/products/htmx_search_products.html
View File

@@ -32,20 +32,22 @@
<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); padding: 0px;">
<img
src="{% static 'midia/icons/toggle-on.svg' %}"
style=" width: 35px; height: 35px; cursor: pointer;"
>
</img>
<button style="background-color: rgba(255, 0, 0, 0); padding: 0px;border: 0px;">
<span data-tooltip="Ativar ou Desativar Produto" data-flow="top">
<img
src="{% static 'midia/icons/toggle-on.svg' %}"
style=" width: 35px; height: 35px; cursor: pointer;" >
</img>
</span>
</button>
{% else %}
<button style="background-color: rgba(0, 128, 0, 0); padding: 0px;" >
<button style="background-color: rgba(0, 128, 0, 0); padding: 0px;border: 0px;" >
<span data-tooltip="Ativar ou Desativar Produto" data-flow="top">
<img
src="{% static 'midia/icons/toggle-off.svg' %}"
style=" width: 35px; height: 35px; cursor: pointer;"
>
</img>
src="{% static 'midia/icons/toggle-off.svg' %}"
style=" width: 35px; height: 35px; cursor: pointer;" >
</img>
<span>
</button>
{% endif %}

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

@@ -4,15 +4,12 @@
gap: 10px;
max-width: 95%;
margin: 40px;
/* margin: 0 auto; */
}
.card-comanda {
width: 80%;
gap: 3px;
/* min-width: 220px;
min-height: 250px; */
background: var(--main-gradient);
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
@@ -29,44 +26,6 @@
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
/* button {
background-color: #007BFF;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
} */
.modal {
display: none;
position: fixed;
padding: 20px;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
transform: translate(-50%, -50%);
}
.modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
border-radius: 10px;
width: 90%;
max-width: 500px;
}
form {
display: flex;
flex-direction: column;