style: modal content width issue without modal icon (#39047)

* Fix modal width issue without modal icon

* Update index.tsx

* Update index.tsx

* Apply suggestions from code review

Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
Jung Min O 2022-12-01 16:15:30 +09:00 committed by GitHub
parent 30e2e68bce
commit d76636ac95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -297,6 +297,7 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = (token) => {
[`+ ${confirmComponentCls}-content`]: { [`+ ${confirmComponentCls}-content`]: {
marginBlockStart: token.marginXS, marginBlockStart: token.marginXS,
flexBasis: "100%",
}, },
}, },
@ -317,7 +318,6 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = (token) => {
// `content` after `icon` should set marginLeft // `content` after `icon` should set marginLeft
[`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: { [`+ ${confirmComponentCls}-title + ${confirmComponentCls}-content`]: {
marginInlineStart: token.modalConfirmIconSize + token.marginSM, marginInlineStart: token.modalConfirmIconSize + token.marginSM,
flexBasis: '100%',
}, },
}, },
}, },