From 9511e0679b720d2cf9b1cf174bcae3f2663e4140 Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Thu, 23 Oct 2025 16:34:54 -0600
Subject: [PATCH 1/2] cambien en globlal

---
 src/app/styles/base/_globales.scss | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index 0770670..a6892d5 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -28,12 +28,6 @@ p {
   line-height: 1.5;
 }
 
-.contenedor {
-  width: 95%;
-  max-width: 120rem;
-  margin: 0 auto;
-}
-
 a {
   text-decoration: none;
 }
@@ -57,8 +51,6 @@ h3 {
   text-align: center;
 }
 
-
-
 body > section {
   padding: 10rem 0;
 }

From 36d46aa8c45d21727ac0f06adc3bc5f9fc808d1f Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Fri, 24 Oct 2025 17:15:07 -0600
Subject: [PATCH 2/2] cambios

---
 public/window.svg                        |  1 +
 src/app/styles/base/_globales.scss       |  4 +---
 src/app/styles/layout/BarNavigation.scss |  9 +++++----
 src/components/BarNavigation.tsx         | 22 +++++++++++-----------
 4 files changed, 18 insertions(+), 18 deletions(-)
 create mode 100644 public/window.svg

diff --git a/public/window.svg b/public/window.svg
new file mode 100644
index 0000000..b2b2a44
--- /dev/null
+++ b/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index abacb2a..145f582 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -22,9 +22,7 @@ body {
   width: 100%;
   max-width: 100vw;
 
-  &.overflow-hidden {
-    overflow: hidden;
-  }
+  
 }
 
 p {
diff --git a/src/app/styles/layout/BarNavigation.scss b/src/app/styles/layout/BarNavigation.scss
index 9afbbb3..b84e042 100644
--- a/src/app/styles/layout/BarNavigation.scss
+++ b/src/app/styles/layout/BarNavigation.scss
@@ -19,7 +19,7 @@
   transition: all 0.3s ease;
   cursor: pointer;
   color: white;
-  width: 100%;
+  width: auto;
   transition: background-color 0.3s ease;
   font-size: 1.5rem;
 }
@@ -62,8 +62,9 @@
   max-height: 0;
   position: absolute;
   flex-direction: column;
-  top: 100%;
-  width: 100%;
+  min-width: 200px;
+  max-width: 300px; /* Ajusta según tu diseño */
+  left: 0;
   background-color: #003e79;
   transition: color 0.3s ease;
   transition: opacity 0.4s ease, max-height 0.4s ease;
@@ -133,7 +134,7 @@ tbody {
     transition: transform 0.3s ease;
   }
   .barNavigation {
-    width: 100vw;
+    width: 100%;
   }
 
   .menuToggle.center {
diff --git a/src/components/BarNavigation.tsx b/src/components/BarNavigation.tsx
index 7526030..933f89a 100644
--- a/src/components/BarNavigation.tsx
+++ b/src/components/BarNavigation.tsx
@@ -16,22 +16,23 @@ function BarNavigation() {
 
   return (
     <nav className="barNavigation">
-      <div className={`menuToggle ${openMenu ? "" : ""}`} onClick={toggleMenu}>
+      <div className="menuToggle" onClick={toggleMenu}>
         <div></div>
         <div></div>
         <div></div>
       </div>
 
       <ul className={openMenu ? "active" : ""}>
-        <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/Escanear" className="links">
-            <span>Escanear</span>
-          </Link>
-        </li>
-        <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/AgregarEquipo" className="links">
-            <span>Agregar equipo</span>
-          </Link>
+        <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
+          <span onClick={() => toggleSubMenu(0)}>Equipo</span>
+          <ul onClick={toggleMenu}>
+            <Link href="/CrearGrupo" className="links">
+              <li>Crear Grupo</li>
+            </Link>
+            <Link href="/Scanner" className="links">
+              <li>Scanner</li>
+            </Link>
+          </ul>
         </li>
       </ul>
     </nav>
@@ -39,4 +40,3 @@ function BarNavigation() {
 }
 
 export default BarNavigation;
-//IO