mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
fix: fix Message component icon style (#40471)
* fix: fix Message component icon style * chore: update
This commit is contained in:
parent
bb0f4d02ee
commit
926bf87af9
@ -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,
|
||||
},
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user