optimize: 页面更加紧凑一些，特别是列表配置项。

packages/gui/src/view/pages/index.vue

@@ -419,6 +419,6 @@ export default {
 }
 
 div.ant-form-item {
-  margin-bottom: 10px;
+  margin-bottom: 9px;
 }
 </style>

packages/gui/src/view/pages/server.vue

@@ -81,7 +81,7 @@
                 <a-button style="margin-left:8px" type="primary" icon="plus" @click="addWhiteList()"/>
               </a-col>
             </a-row>
-            <a-row :gutter="10" style="margin-top: 10px" v-for="(item,index) of whiteList" :key='index'>
+            <a-row :gutter="10" style="margin-top: 5px" v-for="(item,index) of whiteList" :key='index'>
               <a-col :span="19">
                 <a-input :disabled="item.value === false" v-model="item.key"></a-input>
               </a-col>
@@ -109,7 +109,7 @@
                 <a-button style="margin-left:8px" type="primary" icon="plus" @click="addDnsMapping()"/>
               </a-col>
             </a-row>
-            <a-row :gutter="10" style="margin-top: 10px" v-for="(item,index) of dnsMappings" :key='index'>
+            <a-row :gutter="10" style="margin-top: 5px" v-for="(item,index) of dnsMappings" :key='index'>
               <a-col :span="14">
                 <a-input :disabled="item.value === false" v-model="item.key"></a-input>
               </a-col>

packages/gui/src/view/style/index.scss

@@ -65,6 +65,10 @@ ol{
   margin-bottom: 3px;
 }
 
+.ant-form-item-control {
+  line-height: 37px;
+}
+
 hr {
   border-width: 2px 0 0 0;
   border-style: solid;

packages/gui/src/view/style/theme/dark.scss

@@ -57,6 +57,9 @@ $dark-input: #777; //输入框：背景色
   .ant-radio-button-wrapper:not(:first-child)::before {
     background-color: #666;
   }
+  .ant-divider {
+    background: $dark-bd;
+  }
 
   /* 左侧 */
   /** 背景色 **/