tobychui 1 год назад
Родитель
Сommit
6956529ca1
2 измененных файлов с 10 добавлено и 5 удалено
  1. 2 1
      web/components/upnp.html
  2. 8 4
      web/index.html

+ 2 - 1
web/components/upnp.html

@@ -3,10 +3,11 @@
 <p>Port forward using UPnP protocol</p>
 <div class="ui divider"></div>
 <div class="ui message">
-    <button style="position: absolute; right: 0.6em; top: 0.6em;" class="ui circular basic icon button"><i class="ui green refresh icon"></i></button>
     <h4><i class="ui loading spinner icon"></i> Checking Upnp State</h4> 
     <p><i class="ui info circle icon"></i> If you are hosting this server under a home router which you have no access to, you can try port forward your services port and expose them to the internet via Upnp protocol.
         Note that not all router support this function, sometime this might be disabled by your ISP or administrator.</p>
+
+        <button style="position: absolute; right: 0.6em; top: 0.6em;" class="ui circular basic icon button"><i class="ui green refresh icon"></i></button>
 </div>
 <div class="ui form">
     <div class="field">

+ 8 - 4
web/index.html

@@ -28,6 +28,12 @@
                 padding-right: 1.2em;
                 background-color: #f5f5f5;
                 margin-bottom: 1em;
+
+                position: fixed;
+                top: 0;
+                width: 100%;
+                z-index: 10;
+                box-shadow: 0px 1px 5px 0px rgba(38,38,38,0.26);
             }
 
             .menubar .logo{
@@ -41,7 +47,8 @@
 
             .wrapper{
                 display: flex;
-                flex-wrap: wrap; 
+                flex-wrap: wrap;
+                margin-top: 4em;
             }
 
             .toolbar{
@@ -127,9 +134,6 @@
                     <a class="item" tag="">
                         <i class="remove icon"></i> HTTP over Websocket
                     </a>
-                    <a class="item" tag="">
-                        <i class="remove icon"></i> UDP Hole Punching
-                    </a>
                     <div class="ui divider menudivider">Others</div>
                     <a class="item" tag="">
                         <i class="remove icon"></i> Uptime Monitor