javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: adjust tag icon size & add checkbox with-border demo (#5033)

Browse Source
This commit is contained in:
云游君
2021-12-30 17:26:32 +08:00
committed by GitHub
parent 46d0c42f05
commit 047dbccf3d
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/examples/checkbox/with-border.vue
View File

@@ -13,13 +13,19 @@
border
></el-checkbox>
</div>
<div class="demo-with-border my-4">
<div class="mt-4">
<el-checkbox v-model="checked3" label="Option1" border></el-checkbox>
<el-checkbox v-model="checked4" label="Option2" border></el-checkbox>
</div>
<div class="demo-with-border">
<div class="mt-4">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox label="Option1" border></el-checkbox>
<el-checkbox label="Option2" border></el-checkbox>
</el-checkbox-group>
</div>
<div class="mt-4">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox label="Option1" border disabled></el-checkbox>
<el-checkbox label="Option2" border disabled></el-checkbox>
</el-checkbox-group>
</div>
@@ -32,5 +38,5 @@ const checked1 = ref(true)
const checked2 = ref(false)
const checked3 = ref(false)
const checked4 = ref(true)
const checkboxGroup1 = ref([])
const checkboxGroup1 = ref(['Option1'])
</script>

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

@@ -800,7 +800,7 @@ $tag-padding: map.merge(
$tag-icon-size: () !default;
$tag-icon-size: map.merge(
(
'large': 16px,
'large': 14px,
'default': 14px,
'small': 12px,
),