Burger toggle

webserver.html

@@ -58,6 +58,7 @@
   <section class="section">
 
     <div class="container">
+      <div id="app">
         <nav class="navbar is-transparent">
           <div class="navbar-brand">
             <a class="navbar-item" href="https://kyiv.dead.guru">
@@ -66,14 +67,14 @@
                   style="font-size: x-small;">Радіоактивний!</span></div>
   
             </a>
-          <div class="navbar-burger" data-target="navbarExampleTransparentExample">
+            <div class="navbar-burger" @click="showNav = !showNav" :class="{ 'is-active': showNav }">
               <span></span>
               <span></span>
               <span></span>
             </div>
           </div>
   
-        <div id="navbarExampleTransparentExample" class="navbar-menu">
+          <div class="navbar-menu" :class="{ 'is-active': showNav }">
             <div class="navbar-start">
               <a class="navbar-item" href="https://www.saveecobot.com/radiation-maps">
                 Мапа датчиків
@@ -124,8 +125,6 @@
             </div>
           </div>
         </nav>
-
-      <div id="app">
         <div v-if="al" class="notification is-warning">
           <button class="delete" @click="al = !al"></button>
           Використовуйте ландшафтну орієнтацію екрану для зручного перегляду. Ще краще — планшет чи комп'ютер.
@@ -213,6 +212,7 @@
           spectrum_duration: 0,
           rates_autoupdate: true,
           al: true,
+          showNav: false,
           rates_series: [],
           spectrum_accum: false,
           spectrum_series: [],