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

page comanda e barra navegação resposivo

Browse Source
This commit is contained in:
Welton Moura
2025-01-05 14:23:44 -03:00
parent f11686dbdb
commit 26af988846
6 changed files with 214 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,24 +1,27 @@
.grid-container {
display: grid;
grid-template-columns: repeat(3, 2fr);
gap: 20px;
max-width: 90%; /* Define a largura máxima do grid */
margin: 0 auto; /* Centraliza o grid na página */
}
display: grid;
grid-template-columns: repeat(5, 2fr);
gap: 10px;
max-width: 95%;
margin-top: 40px;
/* margin: 0 auto; */
}
.card {
width: 120px;
height: 120px;
background-color: #f2f2f2;
border-radius: 15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 50px; /* Centraliza o texto verticalmente */
font-size: 20px;
font-weight: bold;
color: #333;
transition: transform 0.2s;
}
.card-comanda {
width: 80%;
/* min-width: 220px;
min-height: 250px; */
background-color: #292929;
border-radius: 10px 10px 5px 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 30px;
font-size: 15px;
font-weight: bold;
color: #333;
transition: transform 0.2s;
}
.card:hover {
transform: scale(1.05);
@@ -79,9 +82,18 @@ input, textarea {
}
@media (min-width: 768px) {
.grid-containerid {
grid-template-columns: repeat(3, 1fr);
/* grid-template-columns: repeat(auto-fit, minmax(2%, 3fr)); */
}
@media (max-width: 768px) {
.grid-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card-comanda {
width: 31%;
font-size: 15px;
font-weight: bold;
color: #333;
transition: transform 0.2s;
}
}