chore: fix style

This commit is contained in:
二货机器人 2025-05-27 18:04:31 +08:00
parent 2e3c55757c
commit e68db8a2dc
2 changed files with 7 additions and 33 deletions

View File

@ -6,13 +6,13 @@ import type { GenerateStyle } from '../../theme/internal';
import { getItemWithWidthStyle } from './util';
const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold } = token;
const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold, fontSizeSM } =
token;
const itemCls = `${componentCls}-item`;
return {
[`${componentCls}${componentCls}-dot`]: {
// '--steps-icon-size': dotCurrentSize,
'--steps-icon-size-active': dotCurrentSize,
'--steps-icon-size': dotSize,
'--steps-dot-icon-size': dotSize,
@ -22,9 +22,11 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
// ========================= Shared ==========================
// Icon
[`${itemCls}-custom ${itemCls}-icon`]: {
fontSize: fontSizeSM,
},
[`${itemCls}-icon`]: {
// background: 'transparent',
// border: 0,
position: 'relative',
'&:after': {
@ -42,36 +44,8 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
},
},
// [`${itemCls}-icon-dot`]: {
// width: 'var(--steps-dot-icon-size)',
// height: 'var(--steps-dot-icon-size)',
// borderRadius: '100%',
// border: `var(--steps-dot-icon-border-width) ${token.lineType} transparent`,
// position: 'relative',
// transition: `all ${token.motionDurationSlow}`,
// display: 'flex',
// justifyContent: 'center',
// alignItems: 'center',
// fontSize: fontSizeSM,
// '&:after': {
// content: '""',
// width: iconSize,
// height: iconSize,
// display: 'block',
// position: 'absolute',
// top: '50%',
// left: {
// _skip_check_: true,
// value: '50%',
// },
// transform: 'translate(-50%, -50%)',
// },
// },
// // >>> active
[`${itemCls}-active ${itemCls}-icon`]: {
// '--steps-dot-icon-size': 'var(--steps-icon-size)',
'--steps-icon-size': 'var(--steps-icon-size-active)',
},

View File

@ -57,7 +57,7 @@ const genTimelineStyle: GenerateStyle<TimelineToken, CSSObject> = (token) => {
'--steps-title-horizontal-title-height': token.fontHeight,
// Root Level: Record Steps icon size and support fallback
'--steps-icon-dot-size-origin': 'var(--steps-icon-size)',
'--steps-icon-dot-size-origin': 'var(--steps-icon-size-active)',
'--steps-icon-dot-size-custom': token.dotSize,
...resetComponent(token),