Update online.html

online.html

@@ -205,44 +205,32 @@ document.addEventListener("DOMContentLoaded", function () {
 </script>
 
 
-<nav class="navbar navbar-light bg-light">
+<nav class="navbar navbar-light bg-light px-3">
   <a class="navbar-brand" href="/online">
     <img src="https://huggingface.co/spaces/igs-img/stor/resolve/main/list.png" width="30" height="30" class="d-inline-block align-top" alt="">
     MackorLab
   </a>
   <form class="form-inline">
-    <button  id="st_onl" class="btn btn-success" type="button" >Онлайн</button>
-    
+    <button id="st_onl" class="btn btn-success" type="button">Онлайн</button>
     <button id="st_plot" class="btn btn-outline-success" type="button">Графики</button>
 
-
-    <!-- Весь блок с кнопкой и меню обёрнут в .dropdown-wrapper -->
     <div class="dropdown-wrapper d-inline-block position-relative">
       <button class="btn btn-outline-success dropdown-toggle" type="button" id="dropdownToggle">
         Настройки
       </button>
       <ul class="dropdown-menu" aria-labelledby="dropdownToggle">
-        <li><a  id="st_set" class="dropdown-item">Система</a></li>
+        <li><a id="st_set" class="dropdown-item">Система</a></li>
         <li><a class="dropdown-item">Камера</a></li>
       </ul>
     </div>
 
-
-
-
-
-
-
-
-
-
-    
     <button id="st_table" class="btn btn-outline-success" type="button">Таблица</button>
   </form>
 </nav>
 
 
 
+
   
 <div class="container mt-3">
 
@@ -1190,6 +1178,31 @@ function updateAlW(value) {
     setInterval(updateImage, 10000);
   });
 </script>
-  
+
+
+
+   // Выпадающее меню
+ <script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const toggleBtn = document.getElementById('dropdownToggle');
+    const dropdown = document.querySelector('.dropdown-menu');
+
+    toggleBtn.addEventListener('click', function (e) {
+      if (window.innerWidth <= 768) {
+        e.preventDefault();
+        dropdown.classList.toggle('show');
+      }
+    });
+
+    document.addEventListener('click', function (e) {
+      if (window.innerWidth <= 768) {
+        if (!e.target.closest('.dropdown-wrapper')) {
+          dropdown.classList.remove('show');
+        }
+      }
+    });
+  });
+</script>
+ 
 </body>
 </html>