style: consistencia

This commit is contained in:
2025-01-23 13:43:16 -03:00
parent eb424f90ff
commit de3f90f83b
16 changed files with 129 additions and 125 deletions

View File

@@ -8,7 +8,7 @@
<tr>
<td>{{item.product.name}}</td>
<td>R$ {{item.product.price}}</td>
<td><button onclick="removeProductBalcao({{item.id}})"
<td><button class="btn-cancel" onclick="removeProductBalcao({{item.id}})"
>🗑️ Excluir</button></td>
</tr>

View File

@@ -23,7 +23,7 @@
<h4>{{order.id_comanda.name}} - {{order.id_comanda.mesa.name}} </h4>
<h4> Atendente: {{order.id_comanda.user.first_name}} </h4>
<h4>{{order.queue|date:"D"}} {{order.queue|date:"d/m/Y - H:i"}}</h4>
<button onclick="delayTab('Fila')"
<button class="btn-primary" onclick="delayTab('Fila')"
hx-get="{% url 'preparing' order.id %} " hx-trigger="click" hx-target="#etapas"
>Preparar</button>
</div>
@@ -48,7 +48,7 @@
<h4>{{order.id_comanda.name}} - {{order.id_comanda.mesa.name}} </h4>
<h4> Atendente: {{order.id_comanda.user.first_name}} </h4>
<h4>{{order.queue|date:"D"}} {{order.queue|date:"d/m/Y - H:i"}}</h4>
<button onclick="delayTab('Preparo')"
<button class="btn-secondary" onclick="delayTab('Preparo')"
hx-get="{% url 'finished' order.id %} " hx-trigger="click" hx-target="#etapas"
>Finalizar</button>
</div>
@@ -71,7 +71,7 @@
<h4>{{order.id_comanda.name}} - {{order.id_comanda.mesa.name}} </h4>
<h4> Atendente: {{order.id_comanda.user.first_name}} </h4>
<h4>{{order.queue|date:"D"}} {{order.queue|date:"d/m/Y - H:i"}}</h4>
<button onclick="delayTab('Finalizado')"
<button class="btn-secondary" onclick="delayTab('Finalizado')"
hx-get="{% url 'delivered' order.id %} " hx-trigger="click" hx-target="#etapas"
>Entregar</button>
</div>

View File

@@ -23,7 +23,7 @@
<h4>{{order.id_comanda.name}} - {{order.id_comanda.mesa.name}} </h4>
<h4> Atendente: {{order.id_comanda.user.first_name}} </h4>
<h4>{{order.queue|date:"D"}} {{order.queue|date:"d/m/Y - H:i"}}</h4>
<button
<button class="btn-primary"
hx-get="{% url 'preparing' order.id %} " hx-trigger="click" hx-target="#list-orders"
>Preparar</button>
</div>
@@ -48,7 +48,7 @@
<h4>{{order.id_comanda.name}} - {{order.id_comanda.mesa.name}} </h4>
<h4> Atendente: {{order.id_comanda.user.first_name}} </h4>
<h4>{{order.queue|date:"D"}} {{order.queue|date:"d/m/Y - H:i"}}</h4>
<button
<button class="btn-secondary"
hx-get="{% url 'finished' order.id %} " hx-trigger="click" hx-target="#list-orders"
>Finalizar</button>
</div>

View File

@@ -5,7 +5,6 @@
}
body {
margin: 70px 0px 0px 0px;
}
@@ -14,6 +13,81 @@ h1{
text-align: center;
}
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea, select {
width: 95%;
max-width: 95%;
max-height: 300px;
/* padding: 8px; */
margin-top: 5px;
border-radius: 8px;
border: 1px solid #cccccc52;
}
.btn-primary {
align-items: center;
background: var(--main-gradient);
border-color: rgba(86, 187, 255, 0.192);
border-radius: 8px;
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
transition: box-shadow 0.4s;
}
.btn-primary:hover {
box-shadow: 0px 0px 15px rgba(86, 187, 255, 0.815);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
}
.btn-secondary {
align-items: center;
background: var(--main-gradient);
border-color: rgba(53, 241, 62, 0.425);
border-radius: 8px;
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
transition: box-shadow 0.4s;
}
.btn-secondary:hover {
box-shadow: 0px 0px 15px rgb(53, 241, 62);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
}
.btn-cancel {
align-items: center;
background: linear-gradient(145deg, #dd3d3d8e, #9b4d4dbd);
border-color: rgba(250, 62, 62, 0.404);
border-radius: 8px;
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
transition: box-shadow 0.4s;
}
.btn-cancel:hover {
box-shadow: 0px 0px 15px rgba(255, 86, 86, 0.815);
text-align: left;
line-height: 20px;
padding: 15px 30px 15px 30px;
}
* {
padding: 0;
margin: 0;

View File

@@ -1,22 +1,5 @@
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea {
width: 95%;
max-width: 95%;
padding: 8px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
.grid-buttons {
grid-template-columns: 1fr 1fr;
display: flex;

View File

@@ -35,21 +35,6 @@ p {
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea {
width: 95%;
max-width: 95%;
padding: 8px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
@media (max-width: 768px) {
.grid-container {

View File

@@ -30,17 +30,3 @@ table td th {
text-align: center;
}
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea {
width: 95%;
max-width: 95%;
padding: 8px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}

View File

@@ -13,7 +13,7 @@
grid-template-columns: repeat(3, 1fr);
gap: 8px;
max-width: 800px;
margin: 0 auto;
/* margin: 0 auto; */
}
.card-product {
@@ -31,17 +31,3 @@
text-align: center;
}
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea {
width: 95%;
max-width: 95%;
padding: 8px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}

View File

@@ -1,20 +1,5 @@
form {
display: flex;
flex-direction: column;
gap: 10px;
}
input, textarea {
width: 95%;
max-width: 95%;
padding: 8px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
.grid-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -31,7 +16,15 @@ input, textarea {
}
.grid-top {
display: flex;
display: grid;
padding: 10px;
align-items: center;
justify-items: center;
justify-self: center;
align-content: center;
align-self: center;
grid-template-columns: 1fr 3fr;
gap: 20px;
width: 100%;
}