From f9966d439f9d54503217513d131a66ee462ce972 Mon Sep 17 00:00:00 2001
From: IO420 <320154041@pcpuma.acatlan.unam.mx>
Date: Mon, 27 Oct 2025 14:23:52 -0600
Subject: [PATCH] fixed barnavigation styles

---
 src/app/AgregarEquipo/page.tsx           | 18 ++++++++++++------
 src/app/styles/layout/BarNavigation.scss | 12 ++++++------
 src/app/styles/layout/agregarEquipo.scss |  3 +--
 src/app/styles/layout/header.module.scss |  2 +-
 src/app/styles/layout/login.scss         |  2 +-
 src/components/BarNavigation.tsx         |  6 +++---
 src/components/header.tsx                |  4 ++--
 7 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/src/app/AgregarEquipo/page.tsx b/src/app/AgregarEquipo/page.tsx
index 5106777..041f81d 100644
--- a/src/app/AgregarEquipo/page.tsx
+++ b/src/app/AgregarEquipo/page.tsx
@@ -20,7 +20,7 @@ export default function page() {
   });
 
   // Estado para saber si mostramos los campos de SO y Procesador
-const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
+  const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
 
   const handleGuardar = () => {
     console.log("Formulario enviado:", formData);
@@ -32,7 +32,7 @@ const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
   };
 
   // Función para actualizar el estado y limpiar campos si es impresora
-  const handleChange = (e) => {
+  const handleChange = (e: any) => {
     const { name, value } = e.target;
     setFormData((prev) => {
       let updated = { ...prev, [name]: value };
@@ -120,7 +120,6 @@ const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
                 <option value="En reparación">En reparación</option>
               </select>
             </div>
-            
           </div>
 
           {/* Columna Centro */}
@@ -161,7 +160,10 @@ const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
                   <select
                     value={formData.sistemaOperativo}
                     onChange={(e) =>
-                      setFormData({ ...formData, sistemaOperativo: e.target.value })
+                      setFormData({
+                        ...formData,
+                        sistemaOperativo: e.target.value,
+                      })
                     }
                   >
                     <option value="">Selecciona sistema operativo</option>
@@ -238,11 +240,15 @@ const mostrarCamposComputadora = formData.tipoEquipo !== "Impresora";
           <button type="button" className="btnGuardar" onClick={handleGuardar}>
             Guardar
           </button>
-          <button type="button" className="btnCancelar" onClick={handleCancelar}>
+          <button
+            type="button"
+            className="btnCancelar"
+            onClick={handleCancelar}
+          >
             Cancelar
           </button>
         </div>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/layout/BarNavigation.scss b/src/app/styles/layout/BarNavigation.scss
index 4e45e38..5326372 100644
--- a/src/app/styles/layout/BarNavigation.scss
+++ b/src/app/styles/layout/BarNavigation.scss
@@ -1,5 +1,6 @@
 .barNavigation {
   text-align: center;
+  justify-content: end;
   background-color: #ffffff;
   display: flex;
   width: 100%;
@@ -11,7 +12,7 @@
 .barNavigation ul {
   display: flex;
   justify-content: space-around;
-  width: 100%;
+  width: 90%;
   gap: 10px;
 }
 
@@ -93,7 +94,7 @@
   align-items: center;
   justify-content: center;
   color: #383838;
-  font-size: 1.5rem;
+  font-size: 2rem;
 }
 
 .links {
@@ -115,7 +116,7 @@
   border-radius: 6px;
   cursor: pointer;
   font-weight: bold;
-  font-size: 1.2rem;
+  font-size: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -128,7 +129,7 @@
 }
 
 /* ✅ Ajustes para móvil */
-@media (max-width: 800px) {
+@media (max-width: 1000px) {
   .menuToggle {
     display: flex;
     position: relative;
@@ -173,7 +174,6 @@
     background-color: rgb(1, 92, 184);
   }
 
-
   .logout-button {
     margin-top: 10px;
     font-size: 1rem;
@@ -185,4 +185,4 @@
   tbody {
     font-size: 1rem;
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/layout/agregarEquipo.scss b/src/app/styles/layout/agregarEquipo.scss
index fe7a9c2..53d85eb 100644
--- a/src/app/styles/layout/agregarEquipo.scss
+++ b/src/app/styles/layout/agregarEquipo.scss
@@ -1,5 +1,4 @@
 .agregarEquipoContainer {
-  background-color: #ffffff;
   padding: 0;
   margin: 0;
   width: 100%;
@@ -157,4 +156,4 @@
       padding: 12px;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/layout/header.module.scss b/src/app/styles/layout/header.module.scss
index 2ef7777..3be1c6a 100644
--- a/src/app/styles/layout/header.module.scss
+++ b/src/app/styles/layout/header.module.scss
@@ -40,7 +40,7 @@
   padding: 0 10px;
   position: relative;
   z-index: 1;
-  height: 90px;
+  align-items: end;
 }
 
 .header::after {
diff --git a/src/app/styles/layout/login.scss b/src/app/styles/layout/login.scss
index 142cc1b..6722fbd 100644
--- a/src/app/styles/layout/login.scss
+++ b/src/app/styles/layout/login.scss
@@ -22,7 +22,7 @@
     margin-bottom: 15px;
     border-radius: 10px;
     border: 1px solid #003e79;
-    font-size: 2rem;
+    font-size: 1.5rem;
   }
 
   button {
diff --git a/src/components/BarNavigation.tsx b/src/components/BarNavigation.tsx
index 88d3ed0..847c7d5 100644
--- a/src/components/BarNavigation.tsx
+++ b/src/components/BarNavigation.tsx
@@ -44,8 +44,7 @@ function BarNavigation() {
             <span>Agregar equipo</span>
           </Link>
         </li>
-        {/* ✅ Botón directo, sin onClick en el <li> */}
-        <li>
+        <li className="subMenu">
           <button className="logout-button" onClick={cerrarSesion}>
             Cerrar sesión
           </button>
@@ -55,4 +54,5 @@ function BarNavigation() {
   );
 }
 
-export default BarNavigation;
\ No newline at end of file
+export default BarNavigation;
+//IO
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 7c8648d..085e669 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -29,8 +29,8 @@ function Header() {
         style={{
           display: "flex",
           width: "100%",
-          marginLeft: "40px",
-          marginTop: "40px",
+          height: "100%",
+          paddingLeft: "40px",
           maxHeight: "50%",
           alignItems: "end",
         }}