test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-03 03:38:41 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix(components): adjust style of the radio and form (#5047)

Browse Source
This commit is contained in:
msidolphin 2021-12-30 17:45:49 +08:00 committed by GitHub
parent fce6acb5ca
commit d4b8199618
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/examples/form/alignment.vue
View File

@ -1,5 +1,5 @@
<template>
<el-radio-group v-model="labelPosition" size="small">
<el-radio-group v-model="labelPosition">
<el-radio-button label="left">Left</el-radio-button>
<el-radio-button label="right">Right</el-radio-button>
<el-radio-button label="top">Top</el-radio-button>
@ -9,6 +9,7 @@
:label-position="labelPosition"
label-width="100px"
:model="formLabelAlign"
style="max-width: 460px"
>
<el-form-item label="Name">
<el-input v-model="formLabelAlign.name"></el-input>

2
docs/examples/form/form-items.vue
View File

@ -35,7 +35,7 @@
}"
>
<el-input v-model="domain.value"></el-input>
<el-button class="ml-2" @click.prevent="removeDomain(domain)"
<el-button class="mt-2" @click.prevent="removeDomain(domain)"
>Delete</el-button
>
</el-form-item>

4
docs/examples/form/size-control.vue
View File

@ -60,10 +60,6 @@
<el-button type="primary" @click="onSubmit">Create</el-button>
<el-button>Cancel</el-button>
</el-form-item>
<el-form-item size="large">
<el-button type="primary" @click="onSubmit">Create</el-button>
<el-button>Cancel</el-button>
</el-form-item>
</el-form>
</template>

2
packages/theme-chalk/src/common/var.scss
View File

@ -591,7 +591,7 @@ $button-border-radius: map.merge(
$button-padding-vertical: () !default;
$button-padding-vertical: map.merge(
(
'large': 12px,
'large': 13px,
'default': 9px,
'small': 6px,
),

3
packages/theme-chalk/src/form.scss
View File

@ -77,7 +77,8 @@
box-sizing: border-box;
}
@include e(content) {
display: inline-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
line-height: calc(var(--font-size) * 2 + 4px);

8
packages/theme-chalk/src/radio-button.scss
View File

@ -36,8 +36,8 @@
user-select: none;
@include button-size(
map.get($button-padding-vertical, 'default'),
map.get($button-padding-horizontal, 'default'),
map.get($button-padding-vertical, 'default') - $button-border-width,
map.get($button-padding-horizontal, 'default') - $button-border-width,
map.get($button-font-size, 'default'),
0
);
@ -133,8 +133,8 @@
@include m($size) {
& .#{$namespace}-radio-button__inner {
@include button-size(
map.get($button-padding-vertical, $size),
map.get($button-padding-horizontal, $size),
map.get($button-padding-vertical, $size) - $button-border-width,
map.get($button-padding-horizontal, $size) - $button-border-width,
map.get($button-font-size, $size),
0
);

2
packages/theme-chalk/src/radio.scss
View File

@ -182,6 +182,6 @@
@include e(label) {
font-size: var(--el-radio-font-size);
padding-left: 10px;
padding-left: 8px;
}
}