style | clean

This commit is contained in:
2025-01-08 19:43:53 -03:00
parent 57f6f3a7fa
commit d874b94c16
16 changed files with 43 additions and 93 deletions

View File

@@ -10,14 +10,14 @@
.card-comanda {
width: 80%;
/* gap: 5px; */
gap: 3px;
/* min-width: 220px;
min-height: 250px; */
background-color: #292929;
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 15px;
line-height: 12px;
font-size: 15px;
font-weight: bold;
color: #333;
@@ -87,11 +87,13 @@ input, textarea {
.grid-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
justify-content: center;
}
.card-comanda {
width: 31%;
gap: 3px;
flex-wrap: wrap;
font-size: 15px;
font-weight: bold;
color: #333;

View File

@@ -2,16 +2,18 @@
display: grid;
grid-template-columns: repeat(1, 2fr);
gap: 10px;
max-width: 800px; /* Define a largura máxima do grid */
margin: 0 auto; /* Centraliza o grid na página */
max-width: 800px;
margin: 0 auto;
}
.grid-list-products {
justify-items: center;
display: grid;
grid-template-columns: repeat(3, 2fr);
gap: 10px;
max-width: 800px; /* Define a largura máxima do grid */
margin: 0 auto; /* Centraliza o grid na página */
grid-template-columns: repeat(3, 1fr);
gap: 8px;
max-width: 800px;
margin: 0 auto;
}
.card {
@@ -21,7 +23,7 @@
border-radius: 15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 40px; /* Centraliza o texto verticalmente */
line-height: 40px;
font-size: 20px;
font-weight: bold;
color: #333;
@@ -39,8 +41,6 @@
}
button {
background-color: #007BFF;
color: white;