浏览代码

:art: Fix display menu and icons on mobiles

Ettore Di Giacinto 3 年之前
父节点
当前提交
c65e4011cd

+ 4 - 3
api/public/blockchain.html

@@ -6,11 +6,12 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/fa.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 <title>EdgeVPN - Blockchain index</title>
@@ -24,13 +25,13 @@
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;

文件差异内容过多而无法显示
+ 0 - 4
api/public/css/fa.min.css


+ 4 - 3
api/public/files.html

@@ -6,11 +6,12 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/fa.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
   <script src="/js/clipboard.min.js"></script>
 
@@ -25,13 +26,13 @@
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;

+ 7 - 5
api/public/index.html

@@ -6,31 +6,33 @@
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="/css/fonts.css" rel="stylesheet"> 
  <link rel="stylesheet" href="/css/bulma.min.css" />
- <link rel="stylesheet" href="/css/fa.min.css" />
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
  <script src="/js/jquery.min.js"></script> 
  <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
  <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
  <script src="/js/dt.js"></script> 
+ <script src="/js/common.js"></script> 
+
  <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 <title>EdgeVPN - Dashboard</title>
 </head>
 
 <body>
-  <nav class="navbar is-light is-spaced has-shadow" role="navigation" aria-label="main navigation">
+  <nav  class="navbar is-light is-spaced has-shadow" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
       <a class="navbar-item" href="/">
         <img src="/images/logo.png" > &nbsp;
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;
@@ -116,8 +118,8 @@
         </div>
     </section>
         <script type="text/javascript">
+        
             $(document).ready(function() {
-
               sync = function() {
                 $.ajax({
                     url: "/api/summary",

+ 11 - 0
api/public/js/common.js

@@ -0,0 +1,11 @@
+$(document).ready(function() {
+
+    // Check for click events on the navbar burger icon
+    $(".navbar-burger").click(function() {
+  
+        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+        $(".navbar-burger").toggleClass("is-active");
+        $(".navbar-menu").toggleClass("is-active");
+  
+    });
+  });

+ 4 - 3
api/public/machines.html

@@ -6,11 +6,12 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/fa.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 <title>EdgeVPN - Machines index</title>
@@ -24,13 +25,13 @@
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;

+ 4 - 3
api/public/services.html

@@ -6,11 +6,12 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/fa.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
   <script src="/js/clipboard.min.js"></script>
 
@@ -25,13 +26,13 @@
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;

+ 4 - 3
api/public/users.html

@@ -6,11 +6,12 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="/css/fonts.css" rel="stylesheet"> 
   <link rel="stylesheet" href="/css/bulma.min.css" />
-  <link rel="stylesheet" href="/css/fa.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
   <script src="/js/jquery.min.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/dt.min.css">
   <script type="text/javascript" charset="utf8" src="/js/dt.min.js"></script>
   <script src="/js/dt.js"></script> 
+  <script src="/js/common.js"></script> 
   <link rel="stylesheet" type="text/css" href="/css/style.css">
 
 <title>EdgeVPN - Users connected</title>
@@ -24,13 +25,13 @@
         EdgeVPN
       </a>
   
-      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
       </a>
     </div>
-    <div class="navbar-menu">
+    <div id="menu" class="navbar-menu">
       <div class="navbar-start">
         <a class="navbar-item" href="/machines.html">
           <i class="fas fa-server"></i>&nbsp;

部分文件因为文件数量过多而无法显示