Browse Source

fix(style): keep checkbox.group style the same as v4 (#42103)

* fix(style): keep checkbox.group style the same as v4

* fix(style): flex-wrap and colgap

* chore: change style grid same as v4

* fix: lint

* chore: add token

---------

Co-authored-by: 洋 <hetongyang@bytedance.com>
pull/42235/head
2 years ago
committed by GitHub
parent
commit
52d91cec3f
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 9
      components/checkbox/style/index.ts

9
components/checkbox/style/index.ts

@ -36,6 +36,13 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
...resetComponent(token), ...resetComponent(token),
display: 'inline-flex', display: 'inline-flex',
flexWrap: 'wrap',
columnGap: token.marginXS,
// Group > Grid
[`> ${token.antCls}-row`]: {
flex: 1,
},
}, },
// Wrapper // Wrapper
@ -56,7 +63,7 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = (token) => {
// Checkbox near checkbox // Checkbox near checkbox
[`& + ${wrapperCls}`]: { [`& + ${wrapperCls}`]: {
marginInlineStart: token.marginXS, marginInlineStart: 0,
}, },
[`&${wrapperCls}-in-form-item`]: { [`&${wrapperCls}-in-form-item`]: {

Loading…
Cancel
Save