fix: fix Message component icon style (#40471)

* fix: fix Message component icon style

* chore: update
This commit is contained in:
Wuxh 2023-01-31 14:33:59 +08:00 committed by GitHub
parent bb0f4d02ee
commit 926bf87af9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -117,7 +117,7 @@ const genMessageStyle: GenerateStyle<MessageToken> = (token) => {
padding: paddingXS,
textAlign: 'center',
[iconCls]: {
[`${componentCls}-custom-content > ${iconCls}`]: {
verticalAlign: 'text-bottom',
marginInlineEnd: marginXS, // affected by ltr or rtl
fontSize: fontSizeLG,
@ -132,18 +132,18 @@ const genMessageStyle: GenerateStyle<MessageToken> = (token) => {
pointerEvents: 'all',
},
[`${componentCls}-success ${iconCls}`]: {
[`${componentCls}-success > ${iconCls}`]: {
color: colorSuccess,
},
[`${componentCls}-error ${iconCls}`]: {
[`${componentCls}-error > ${iconCls}`]: {
color: colorError,
},
[`${componentCls}-warning ${iconCls}`]: {
[`${componentCls}-warning > ${iconCls}`]: {
color: colorWarning,
},
[`
${componentCls}-info ${iconCls},
${componentCls}-loading ${iconCls}`]: {
${componentCls}-info > ${iconCls},
${componentCls}-loading > ${iconCls}`]: {
color: colorInfo,
},
},