style: page orders

execu.bat

@@ -0,0 +1,4 @@
+@echo off
+cd C:\Users\%USERPROFILE%\Documents\RRBEC\gestaoRaul
+c:\Users\%USERPROFILE%\Documents\RRBEC\dev\Scripts\Activate.ps1
+python manage.py runserver

gestaoRaul/comandas/templates/comandas.html

@@ -22,7 +22,7 @@ Comandas
 
     {% for comanda in comandas %}
     <div class="card-comanda">
-      <a  href="{% url 'viewcomanda' %}?parametro={{ comanda.id }}" style="text-decoration: none;">
+      <a  href="{% url 'viewcomanda' %}?parametro={{ comanda.id }}" style="text-decoration: none; ">
         <header 
           {% if comanda.status == 'OPEN' %}
           style="padding: 5px; min-height: 60px;border-radius: 5px 5px 0px 0px; background-color: #036800;"

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

@@ -1,24 +1,33 @@
 .grid-container {
+  justify-self: center;
   display: grid;
-  grid-template-columns: repeat(5, 2fr);
+  grid-template-columns: repeat(6, 2fr);
   gap: 10px;
   max-width: 95%; 
-  margin: 40px;
+  margin-top: 15px;
 }
 
 
 .card-comanda {
-  width: 80%;
+  width:200px;
+  max-width: 200px;
   gap: 3px;
   background: var(--main-gradient);
   border-radius: 5px;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
   text-align: center;
-  line-height: 12px; 
-  font-size: 15px;
+  line-height: 20px; 
+  font-size: 20px;
   font-weight: bold;
-  color: #333;
-  transition: transform 0.2s;
+  transition: transform 0.2s ease-in ;
+}
+
+p {
+  color: rgb(194, 201, 207);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
 }
 
 .card-comanda:hover {

gestaoRaul/templates/static/orders/css/orders.css

@@ -38,36 +38,26 @@
   h4{
     color: black;
   }
-  /*
-
-.card:hover {
-    transform: scale(1.05);
-    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
-  }
-.m-card:hover {
-    transform: scale(1.05);
-    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
-  }*/
 
 
 
 .tab {
+  display: flex;
+  justify-content: space-between;
   overflow: auto;
-  margin-bottom: 0px;
-  /* border: 1px solid #ccc; */
-  /* background-color: #f1f1f1; */
+  width: 100%;
+  border-bottom: 2px solid #cccccc93;
 }
 
 /* Estilo para cada aba */
 .tab button {
-  width: 23%;
-  background-color: inherit;
-  float: left;
+  width: 24%;
+  background-color: #4446d636;
   border: none;
-  outline: none;
   cursor: pointer;
   padding: 10px 10px;
   transition: 0.3s;
+  border-radius: 20px 20px 0px 0px;
 }
 
 /* Estilo para a aba ativa */