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

pull/349/head
王良 2024-09-09 17:27:42 +08:00
parent d417de403a
commit e9f9e838cd
4 changed files with 10 additions and 3 deletions

View File

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

View File

@ -81,7 +81,7 @@
<a-button style="margin-left:8px" type="primary" icon="plus" @click="addWhiteList()"/> <a-button style="margin-left:8px" type="primary" icon="plus" @click="addWhiteList()"/>
</a-col> </a-col>
</a-row> </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-col :span="19">
<a-input :disabled="item.value === false" v-model="item.key"></a-input> <a-input :disabled="item.value === false" v-model="item.key"></a-input>
</a-col> </a-col>
@ -109,7 +109,7 @@
<a-button style="margin-left:8px" type="primary" icon="plus" @click="addDnsMapping()"/> <a-button style="margin-left:8px" type="primary" icon="plus" @click="addDnsMapping()"/>
</a-col> </a-col>
</a-row> </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-col :span="14">
<a-input :disabled="item.value === false" v-model="item.key"></a-input> <a-input :disabled="item.value === false" v-model="item.key"></a-input>
</a-col> </a-col>

View File

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

View File

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