new style now ist more little

app/(private)/ActivosMantenimiento/Page.module.css

@@ -76,7 +76,7 @@
 .checkbox-grid label {
   display: inline-flex;
   align-items: center;
-  font-size: 13px;
+  font-size: 1.4rem;
   cursor: pointer;
 }
 

app/(private)/AgregarTiempo/addTime.css

@@ -23,21 +23,21 @@
   width: 100%;
 }
 
-.buttonLock{
+.buttonLock {
   padding: 0.8rem;
   position: absolute;
-  right: 0;
+  right: 100px;
   background-color: #d32f2f;
 }
 
-.buttonOpenLock{
+.buttonOpenLock {
   padding: 0.8rem;
   position: absolute;
   right: 0;
   background-color: #8cd32f;
 }
 
-.buttonOpenLock:hover{
+.buttonOpenLock:hover {
   background-color: #78b32c;
 }
 
@@ -63,6 +63,12 @@
   background-repeat: no-repeat;
 }
 
+@media(max-height:800px) {
+  .buttonLock {
+    padding: 0.5rem;
+  }
+}
+
 @media (max-width: 800px) {
   .containeInformationTime {
     flex-direction: column;

app/(private)/AsignacionEquipo/asignacion.css

@@ -4,7 +4,7 @@
   position: relative;
   flex: 1;
   width: 100%;
-  font-size: 14px;
+  font-size: 1.4rem;
   max-width: 500px;
 }
 

app/(private)/InformacionEquipo/informacionequipo.css

@@ -19,13 +19,13 @@
 }
 
 .form-container label {
-  font-size: 14px;
+  font-size: 1.4rem;
   display: inline-block;
   vertical-align: middle;
 }
 
 .form-container select {
-  font-size: 13px;
+  font-size: 1.4rem;
   padding: 8px 12px;
   border: 1px solid #ccc;
   border-radius: 6px;
@@ -58,7 +58,7 @@
 .checkbox-grid label {
   display: flex;
   align-items: center;
-  font-size: 13px;
+  font-size: 1.4rem;
   cursor: pointer;
   white-space: nowrap;
   width: fit-content;

app/(private)/Mensajes/mensaje.css

@@ -28,7 +28,7 @@
   background: none;
   border: none;
   padding: 10px;
-  font-size: 14px;
+  font-size: 1.4rem;
   cursor: pointer;
   transition: 0.3s;
   color: #333;
@@ -48,7 +48,7 @@
 }
 
 .formGroup label {
-  font-size: 14px;
+  font-size: 1.4rem;
   margin-bottom: 6px;
   color: #444;
   font-weight: 500;
@@ -59,7 +59,7 @@
   padding: 8px 10px;
   border: 1px solid #ddd;
   border-radius: 6px;
-  font-size: 14px;
+  font-size: 1.4rem;
   transition: border 0.3s, box-shadow 0.3s;
 }
 
@@ -78,7 +78,7 @@
 .btn {
   padding: 8px 16px;
   border-radius: 6px;
-  font-size: 14px;
+  font-size: 1.4rem;
   cursor: pointer;
   border: none;
   transition: 0.3s;

app/Components/CheckBoxMesa.tsx

@@ -23,7 +23,8 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
   const [bitacora, setBitacora] = useState<any>(null);
   const [tiempoRestante, setTiempoRestante] = useState<string>("");
   const [minutos, setMinutos] = useState<number>();
-  const [error, setError] = useState()
+  const [errorMesa, setErrorMesa] = useState()
+  const [errorCount, setErrorCount] = useState()
   const [loading, setLoading] = useState<boolean>(false)
 
   const router = useRouter();
@@ -32,18 +33,18 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
     const result = await getMesaByCount(idCuenta);
 
     if (result?.error) {
-      setError(result.error);
+      setErrorCount(result.error);
       setBitacora(null);
     } else {
       setBitacora(result);
     }
   };
 
-  const fetchByEquipo = async (idEquipo: number) => {
+  const fetchByMesa = async (idEquipo: number) => {
     const result = await getTableByCount(idEquipo);
 
     if (result?.error) {
-      setError(result.error);
+      setErrorMesa(result.error);
       setBitacora(null);
     } else {
       setBitacora(result);
@@ -63,7 +64,7 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
     const idEquipo = table;
     if (isNaN(idEquipo)) return;
 
-    fetchByEquipo(idEquipo);
+    fetchByMesa(idEquipo);
   }, [table]);
 
   useEffect(() => {
@@ -114,8 +115,9 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
     }
 
     if (modo === "Mesa" && table) {
-      fetchByEquipo(table);
+      fetchByMesa(table);
     }
+    
     router.refresh();
     setLoading(true)
   };
@@ -146,10 +148,18 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
         </label>
       </div>
 
-      {modo === "Cuenta" && <SearchUser value={numAcount ?? null} />}
-      {modo === "Mesa" && <SearchMesa />}
-
-      <h2 style={{ marginTop: "10px" }}>{error}</h2>
+      {modo === "Cuenta" &&
+        <>
+          <SearchUser value={numAcount ?? null} />
+          <h2 style={{ marginTop: "10px" }}>{errorCount}</h2>
+        </>
+      }
+      {modo === "Mesa" &&
+        <>
+          <SearchMesa />
+          <h2 style={{ marginTop: "10px" }}>{errorMesa}</h2>
+        </>
+      }
 
       {bitacora && tiempoRestante !== "agotado" && (
         <>

app/Components/Dowload/style.module.css

@@ -12,7 +12,7 @@
   padding: 5px 5px;
   cursor: pointer;
   border-radius: 10px 10px 0 0;
-  font-size: 14px;
+  font-size: 1.4rem;
   font-weight: 600;
   transition: background 0.2s ease;
   min-width: 50px;

app/Components/Receipt/Receipt.css

@@ -26,7 +26,7 @@
 .buttonLock{
   padding: 0.8rem;
   position: absolute;
-  right: 0;
+  right: 100px;
   background-color: #d32f2f;
 }
 
@@ -61,4 +61,10 @@
   filter: invert(1);
   background-size: contain;
   background-repeat: no-repeat;
+}
+
+@media(max-height:800px) {
+  .buttonLock {
+    padding: 0.5rem;
+  }
 }

app/Components/auth/Logout/Logout.css

@@ -26,6 +26,13 @@
   z-index: 1;
 }
 
+@media(max-width: 1000px){
+  .session{
+  top: 5px;
+  right: 5px;
+}
+}
+
 @media (max-width: 800px) {
   .button-logout {
     color: transparent;

app/Components/layout/BarNavigation/BarNavigation.css

@@ -24,7 +24,7 @@
   transition:
     background-color 0.3s ease,
     border 0.3s ease;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 .barNavigation li:hover {
@@ -107,12 +107,12 @@
   align-items: center;
   justify-content: center;
   color: #545454;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   padding: 1rem;
 }
 
-.subMenu:hover > span,
-.subMenu > a:hover > span {
+.subMenu:hover>span,
+.subMenu>a:hover>span {
   color: black;
 }
 
@@ -129,7 +129,7 @@
   color: white;
   width: 100%;
   height: 100%;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 thead,
@@ -158,7 +158,7 @@ tbody {
   }
 
   .barNavigation {
-    font-size: 15px;
+    font-size: 1.4rem;
     justify-content: end;
   }
 
@@ -235,13 +235,13 @@ tbody {
     transform: translateY(0);
   }
 
-  .subMenu.open ul a{
+  .subMenu.open ul a {
     display: flex;
-    pointer-events:auto;
+    pointer-events: auto;
   }
 
   thead,
   tbody {
     font-size: 1rem;
   }
-}
+}

app/globals.css

@@ -1,5 +1,6 @@
 * {
   color: #333333;
+  font-size: 1.4rem;
 }
 
 *,
@@ -12,7 +13,7 @@
 
 html {
   box-sizing: border-box;
-  font-size: 62.5%;
+  font-size: 62%;
   overflow-y: auto;
   scrollbar-width: none;
 }
@@ -116,7 +117,7 @@ select {
   border: 1px solid #cfcfcf;
   background-color: #fff;
   border-radius: 4px;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   color: black;
   height: 3.5rem;
 }
@@ -134,7 +135,7 @@ select:-webkit-scrollbar {
 }
 
 option {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 input[type="checkbox"] {
@@ -215,17 +216,25 @@ input[type="checkbox"] {
 }
 
 label {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   font-weight: bold;
   display: block;
 }
 
 button {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   padding: 1rem 1.75rem;
   border-radius: 4px;
   cursor: pointer;
   height: 3.5rem;
+  max-width: 240px;
+  font-weight: bold;
+  border: none;
+  transition: background-color 0.2s ease;
+}
+
+.button {
+  color: #ffffff;
 }
 
 button:disabled {
@@ -243,14 +252,6 @@ button:disabled {
   width: 100%;
 }
 
-.button {
-  font-weight: bold;
-  border: none;
-  color: #ffffff;
-  transition: background-color 0.2s ease;
-  max-width: 240px;
-}
-
 .buttonSearch {
   background-color: #2563eb;
 }
@@ -285,7 +286,7 @@ button:disabled {
 
 ul {
   list-style: none;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 .containerInput {
@@ -297,7 +298,7 @@ ul {
 .containerButton {
   display: flex;
   gap: 10px;
-  justify-content: start;
+  justify-content: end;
   align-items: center;
   width: 100%;
 }
@@ -430,7 +431,7 @@ form {
 }
 
 p {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 table {
@@ -439,7 +440,7 @@ table {
   border-spacing: 0 1rem;
   table-layout: auto;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   color: #333;
 }
 
@@ -537,12 +538,6 @@ table td:last-child {
   align-items: center;
 }
 
-.impressions-title {
-  font-size: 1.75rem;
-  font-weight: bold;
-  text-align: start;
-}
-
 .loginContainer {
   position: relative;
   display: flex;
@@ -567,7 +562,7 @@ table td:last-child {
 .checkbox-grid label {
   display: inline-flex;
   align-items: center;
-  font-size: 13px;
+  font-size: 1.4rem;
   cursor: pointer;
 }
 
@@ -590,6 +585,7 @@ table td:last-child {
   .container {
     width: 100%;
     max-width: none;
+    padding: 1rem;
   }
 
   .containerSection {
@@ -626,13 +622,9 @@ table td:last-child {
     font-size: 1.2rem;
   }
 
-  label {
-    font-size: 1.5rem;
-  }
-
   input,
   select {
-    font-size: 1.5rem;
+    font-size: 1.4rem;
   }
 
   button {
@@ -649,6 +641,57 @@ table td:last-child {
 
 }
 
+@media(max-height:800px) {
+  * {
+    font-size: 1rem;
+  }
+
+  .title {
+    font-size: 2rem;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  button {
+    font-size: 1.2rem;
+    padding: 0.5rem 1.5rem;
+    height: 3rem;
+  }
+
+  .informationValue {
+    font-size: 1rem;
+  }
+
+  .informationItem {
+    height: 25px;
+  }
+
+  input,
+  select {
+    padding: 0.5rem;
+    font-size: 1.3rem;
+    height: 3rem;
+  }
+
+  .containerForm {
+    gap: 0.5rem;
+  }
+
+  .toggleGroup {
+    min-height: 35px;
+  }
+
+
+.toggleButton {
+  font-weight: 400;
+  padding: 1rem 0.5rem;
+  min-width: 100px;
+  min-height: 35px;
+}
+}
+
 @media (max-height: 960px) {
   .container {
     margin: 0;
@@ -665,7 +708,7 @@ table td:last-child {
   .title {
     max-width: 250px;
     overflow-wrap: break-word;
-    font-size: 2.2rem;
+    font-size: 2rem;
     min-height: 50px;
     align-items: center;
   }