style(接口管理): 调整批量执行表单的按钮样式

This commit is contained in:
guoyuqi 2024-03-27 14:12:50 +08:00 committed by 刘瑞斌
parent 1299eef955
commit f195c3595b
2 changed files with 68 additions and 10 deletions

View File

@ -467,16 +467,8 @@
height: 14px;
}
}
}
margin-right: 24px;
}
.arco-form-item {
margin-bottom: 16px;
}
.arco-icon-hover.arco-radio-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-radio-checked:not(.arco-radio-disabled) {
.arco-radio-icon {
@apply !bg-white;
@ -605,6 +597,72 @@
height: calc(100vh - 84px);
}
.ms-form {
.arco-form-item {
margin-bottom: 16px;
}
.arco-icon-hover.arco-radio-icon-hover::before {
width: 16px;
height: 16px;
}
.arco-radio {
.arco-radio-icon {
width: 16px;
height: 16px;
line-height: 16px;
border: 1px solid var(--color-text-input-border);
&::after {
width: 14px;
height: 14px;
}
}
margin-right: 24px;
}
.arco-radio-group-button {
padding: 1px;
background-color: var(--color-text-n8);
.arco-radio-button {
@apply bg-transparent;
margin: 1px;
}
.arco-radio-checked {
@apply bg-white;
color: rgb(var(--primary-5));
}
}
.arco-radio-checked.arco-radio-disabled {
.arco-radio-icon {
border: 1px solid var(--color-text-input-border);
background-color: var(--color-text-n8) !important;
&::after {
background-color: var(--color-text-4) !important;
}
}
}
.arco-radio-checked:not(.arco-radio-disabled) {
.arco-radio-icon {
@apply !bg-white;
width: 16px;
height: 16px;
line-height: 16px;
border: 1px solid rgb(var(--primary-6));
&::after {
top: 2px;
left: 2px;
width: 10px;
height: 10px;
background-color: rgb(var(--primary-6)) !important;
transform: scale(0.8) !important;
}
}
}
}
/** 气泡弹窗 **/
.arco-popover-title {
font-size: 14px;

View File

@ -11,7 +11,7 @@
</div>
</template>
<a-form ref="batchExecuteFormRef" class="rounded-[4px]" :model="batchExecuteForm" layout="vertical">
<a-form ref="batchExecuteFormRef" class="ms-form rounded-[4px]" :model="batchExecuteForm" layout="vertical">
<a-form-item field="defaultEnv" :label="t('case.execute.selectEnv')">
<a-radio-group v-model="batchExecuteForm.defaultEnv">
<a-radio value="true"