mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 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-title-horizontal-rail-gap': token.marginXXS,
'--steps-heading-height': 'var(--steps-icon-size-max)', '--steps-heading-height': 'var(--steps-icon-size-max)',
[itemCls]: { [`> ${itemCls}`]: {
flex: 1, flex: 1,
},
[`${itemCls}-wrapper`]: { [`${itemCls}-wrapper`]: {
flexDirection: 'column', flexDirection: 'column',
rowGap: `var(--steps-title-vertical-row-gap)`, rowGap: `var(--steps-title-vertical-row-gap)`,
alignItems: 'center', alignItems: 'center',
}, },
// Section // Section
[`${itemCls}-section`]: { [`${itemCls}-section`]: {
alignSelf: 'stretch', alignSelf: 'stretch',
}, },
// Header // Header
[`${itemCls}-header`]: { [`${itemCls}-header`]: {
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
}, },
// >>> title & subtitle & Content // >>> title & subtitle & Content
[`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: { [`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {
textAlign: 'center', textAlign: 'center',
maxWidth: '100%', maxWidth: '100%',
}, },
[`${itemCls}-subtitle`]: { [`${itemCls}-subtitle`]: {
margin: 0, margin: 0,
}, },
// >>> rail // >>> rail
[`${itemCls}-rail`]: { [`${itemCls}-rail`]: {
position: 'absolute', position: 'absolute',
top: 0, top: 0,
width: `calc(100% - var(--steps-icon-size) - var(--steps-title-horizontal-rail-gap) * 2)`, 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))`, insetInlineStart: `calc(50% + var(--steps-icon-size) / 2 + var(--steps-title-horizontal-rail-gap))`,
},
}, },
// With descriptionMaxWidth // With descriptionMaxWidth