优化界面显示

web/views/@default/@layout.css

@@ -119,6 +119,13 @@ pre:not(.CodeMirror-line) {
 tbody {
   background: transparent;
 }
+.table-box {
+  margin-top: 1em;
+  overflow-x: auto;
+}
+.table-box::-webkit-scrollbar {
+  height: 6px;
+}
 .table.width30 {
   width: 30em !important;
 }
@@ -128,6 +135,9 @@ tbody {
 .table.width40 {
   width: 40em !important;
 }
+.table.width1024 {
+  width: 1024px !important;
+}
 .table th,
 .table td {
   font-size: 0.9em !important;

web/views/@default/@layout.less

@@ -45,6 +45,15 @@ tbody {
 	background: transparent;
 }
 
+.table-box {
+	margin-top: 1em;
+	overflow-x: auto;
+}
+
+.table-box::-webkit-scrollbar {
+	height: 6px;
+}
+
 .table.width30 {
 	width: 30em !important;
 }
@@ -57,6 +66,10 @@ tbody {
 	width: 40em !important;
 }
 
+.table.width1024 {
+	width: 1024px !important;
+}
+
 .table th, .table td {
 	font-size: 0.9em !important;
 }

web/views/@default/api/index.html

@@ -6,6 +6,7 @@
 
 <p class="comment" v-if="nodes.length == 0">暂时还没有节点。</p>
 
+<div class="table-box">
     <table class="ui table selectable celled" v-if="nodes.length > 0">
         <thead>
             <tr>
@@ -23,13 +24,17 @@
             <td>{{node.name}}</td>
             <td>
                 <div v-if="node.accessAddrs != null && node.accessAddrs.length > 0">
-				<span class="ui label tiny basic" v-for="addr in node.accessAddrs" style="margin-bottom: 0.5em">{{addr}}</span>
+                    <div v-for="addr in node.accessAddrs">
+                        <span class="ui label tiny basic" style="margin-bottom: 0.5em">{{addr}}</span>
+                    </div>
                 </div>
                 <div v-else class="disabled">-</div>
             </td>
             <td>
                 <div v-if="node.restAccessAddrs != null && node.restAccessAddrs.length > 0">
-                <span class="ui label tiny basic" v-for="addr in node.restAccessAddrs" style="margin-bottom: 0.5em">{{addr}}</span>
+                    <div v-for="addr in node.restAccessAddrs">
+                        <span class="ui label tiny basic" style="margin-bottom: 0.5em">{{addr}}</span>
+                    </div>
                 </div>
                 <div v-else class="disabled">-</div>
             </td>
@@ -59,5 +64,6 @@
             </td>
         </tr>
     </table>
+</div>
 
 <div class="page" v-html="page"></div>