style | clean

gestaoRaul/templates/static/base.css

@@ -117,5 +117,6 @@ body {
     }
     .open {
         display: block;
+        transition: transform 0.2s;
     }
 }

gestaoRaul/templates/static/comandas/css/comandas.css

@@ -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;

gestaoRaul/templates/static/comandas/css/viewcomanda.css

@@ -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;

gestaoRaul/templates/static/comandas/js/viewcomanda.js

@@ -6,10 +6,6 @@ function openModal() {
 }
 
 
-// function open_remove_product_comanda() {
-//     document.getElementById('remove-product-comanda').style.display = 'block';
-//     // alert('Produto removido com sucesso!');
-// }
 
 function modal_payment_comanda() {
     document.getElementById('payment-comanda').style.display = 'block';
@@ -24,9 +20,6 @@ function closeModal() {
 }
 
 
-// function removeCloseModal() {
-//     document.getElementById('remove-product-comanda').style.display = 'none';
-// }
 
 function imprimirFichas() {
     const element = document.getElementById("list-products-comanda");