mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
style: ajustes menu mobile
This commit is contained in:
Binary file not shown.
@@ -37,7 +37,7 @@ Produtos
|
|||||||
<td id="price-{{product.id}}" >R$ {{product.price}}</td>
|
<td id="price-{{product.id}}" >R$ {{product.price}}</td>
|
||||||
<td class="hide-on-mobile" id="quantity-{{product.id}}" >{{product.quantity}}</td>
|
<td class="hide-on-mobile" id="quantity-{{product.id}}" >{{product.quantity}}</td>
|
||||||
<td class="hide-on-mobile" id="category-{{product.id}}" >{{product.category.name}}</td>
|
<td class="hide-on-mobile" id="category-{{product.id}}" >{{product.category.name}}</td>
|
||||||
<td>
|
<td >
|
||||||
<div class="grid-buttons">
|
<div class="grid-buttons">
|
||||||
<img
|
<img
|
||||||
src="{% static 'midia/icons/edit.svg' %}"
|
src="{% static 'midia/icons/edit.svg' %}"
|
||||||
|
|||||||
@@ -171,7 +171,7 @@ input, textarea, select {
|
|||||||
box-shadow: 0px 3px 10px #464646;
|
box-shadow: 0px 3px 10px #464646;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
min-width: 100%;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -320,13 +320,13 @@ input, textarea, select {
|
|||||||
display: none;
|
display: none;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #171525;
|
background-color:rgba(86, 187, 255, 0.192);
|
||||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
|
||||||
border-radius: 25px;;
|
border-radius: 25px;;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: 0%;
|
right: -10px;
|
||||||
|
|
||||||
width: 55px;
|
width: 55px;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
|
|||||||
@@ -41,6 +41,7 @@ p {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-comanda {
|
.card-comanda {
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
|
|
||||||
.grid-buttons {
|
.grid-buttons {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
@@ -12,7 +12,9 @@
|
|||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
max-width: 1300px;
|
max-width: 1300px;
|
||||||
margin: 0 auto;
|
max-width: 99%;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-top {
|
.grid-top {
|
||||||
@@ -24,7 +26,7 @@
|
|||||||
align-content: center;
|
align-content: center;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 20px;
|
gap: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -33,4 +35,11 @@
|
|||||||
.hide-on-mobile {
|
.hide-on-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid-buttons {
|
||||||
|
display: none;
|
||||||
|
gap: 10px;
|
||||||
|
max-width: 100px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user