Update index.html

davespser · Dec 7, 2024 · 7f410d2 · 7f410d2
1 parent 537fdb9
commit 7f410d2
Showing 1 changed file with 14 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -5,9 +5,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Firebase + Three.js</title>
   <link rel="stylesheet" href="style.css"
-  <style>
-   <!-- Contenedor del menú -->
-  menu-item {
+    <style>
+    /* Contenedor del menú */
+    .menu-item {
       background-color: #3498db;
       clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
       padding: 10px;
@@ -27,7 +27,6 @@
     .hidden-input {
       display: none;
     }
-
     body {
       margin: 0;
       font-family: Arial, sans-serif;
@@ -45,31 +44,28 @@
     .active {
       display: block;
     }
-   </style>
+  </style>
 </head>
 <body>
-
   <div id="menu-button">Abrir Menú</div>
-   <div id="menu-container">
+  <div id="menu-container">
     <label for="toggle" class="menu-item" data-action="option1">
       <span>🔧</span> Opción 1
     </label>
     <input type="checkbox" id="toggle" class="hidden-input">
     <div class="menu-content">
       <p>Este es el contenido desplegable.</p>
       <div class="menu-item" data-action="option2">
-      <span>🎵</span> Opción 2
-    </div>
-    <div class="menu-item" data-action="option3">
-      <span>📷</span> Opción 3
-    </div>
-    <div class="menu-item" data-action="option4">
-      <span>⚙️</span> Opción 4
-    </div>
-
-
-
+        <span>🎵</span> Opción 2
+      </div>
+      <div class="menu-item" data-action="option3">
+        <span>📷</span> Opción 3
+      </div>
+      <div class="menu-item" data-action="option4">
+        <span>⚙️</span> Opción 4
+      </div>
     </div>
+  </div>
 
 
   <script type="module" src="js/app.js"></script>