mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore: adjust label style

Browse Source
This commit is contained in:
二货机器人 2025-06-05 16:35:15 +08:00
parent 88050fe917
commit 08ae75be8c
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
components/steps/style/label-placement.ts
View File

@ -96,43 +96,43 @@ const genLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject> = (token) =>
'--steps-title-horizontal-rail-gap': token.marginXXS,
'--steps-heading-height': 'var(--steps-icon-size-max)',
[itemCls]: {
[`> ${itemCls}`]: {
flex: 1,
},
[`${itemCls}-wrapper`]: {
flexDirection: 'column',
rowGap: `var(--steps-title-vertical-row-gap)`,
alignItems: 'center',
},
[`${itemCls}-wrapper`]: {
flexDirection: 'column',
rowGap: `var(--steps-title-vertical-row-gap)`,
alignItems: 'center',
},
// Section
[`${itemCls}-section`]: {
alignSelf: 'stretch',
},
// Section
[`${itemCls}-section`]: {
alignSelf: 'stretch',
},
// Header
[`${itemCls}-header`]: {
flexDirection: 'column',
alignItems: 'center',
},
// Header
[`${itemCls}-header`]: {
flexDirection: 'column',
alignItems: 'center',
},
// >>> title & subtitle & Content
[`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {
textAlign: 'center',
maxWidth: '100%',
},
// >>> title & subtitle & Content
[`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {
textAlign: 'center',
maxWidth: '100%',
},
[`${itemCls}-subtitle`]: {
margin: 0,
},
[`${itemCls}-subtitle`]: {
margin: 0,
},
// >>> rail
[`${itemCls}-rail`]: {
position: 'absolute',
top: 0,
width: `calc(100% - var(--steps-icon-size) - var(--steps-title-horizontal-rail-gap) * 2)`,
insetInlineStart: `calc(50% + var(--steps-icon-size) / 2 + var(--steps-title-horizontal-rail-gap))`,
// >>> rail
[`${itemCls}-rail`]: {
position: 'absolute',
top: 0,
width: `calc(100% - var(--steps-icon-size) - var(--steps-title-horizontal-rail-gap) * 2)`,
insetInlineStart: `calc(50% + var(--steps-icon-size) / 2 + var(--steps-title-horizontal-rail-gap))`,
},
},
// With descriptionMaxWidth