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

docmirror · Sep 9, 2024 · e9f9e83 · e9f9e83
1 parent d417de4
commit e9f9e83
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/packages/gui/src/view/pages/index.vue b/packages/gui/src/view/pages/index.vue
@@ -419,6 +419,6 @@ export default {
 }
 
 div.ant-form-item {
-  margin-bottom: 10px;
+  margin-bottom: 9px;
 }
 </style>
diff --git a/packages/gui/src/view/pages/server.vue b/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>

diff --git a/packages/gui/src/view/style/index.scss b/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;

diff --git a/packages/gui/src/view/style/theme/dark.scss b/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;
+  }
 
   /* 左侧 */
   /** 背景色 **/