diff --git a/components/float-button/style/index.tsx b/components/float-button/style/index.tsx index ce82dfdf7b..05d391d846 100644 --- a/components/float-button/style/index.tsx +++ b/components/float-button/style/index.tsx @@ -80,7 +80,7 @@ const initFloatButtonGroupMotion = (token: FloatButtonToken) => { // ============================== Group ============================== const floatButtonGroupStyle: GenerateStyle = (token) => { - const { componentCls, floatButtonSize, margin, borderRadius } = token; + const { componentCls, floatButtonSize, margin, borderRadiusLG } = token; const groupPrefixCls = `${componentCls}-group`; return { [groupPrefixCls]: { @@ -95,7 +95,7 @@ const floatButtonGroupStyle: GenerateStyle = (token minHeight: floatButtonSize, insetInlineEnd: token.floatButtonInsetInlineEnd, insetBlockEnd: token.floatButtonInsetBlockEnd, - borderRadius: token.borderRadius, + borderRadius: borderRadiusLG, [`${groupPrefixCls}-wrap`]: { zIndex: -1, @@ -124,12 +124,12 @@ const floatButtonGroupStyle: GenerateStyle = (token borderRadius: 0, padding: 0, '&:first-child': { - borderStartStartRadius: borderRadius, - borderStartEndRadius: borderRadius, + borderStartStartRadius: borderRadiusLG, + borderStartEndRadius: borderRadiusLG, }, '&:last-child': { - borderEndStartRadius: borderRadius, - borderEndEndRadius: borderRadius, + borderEndStartRadius: borderRadiusLG, + borderEndEndRadius: borderRadiusLG, }, '&:not(:last-child)': { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, @@ -137,7 +137,7 @@ const floatButtonGroupStyle: GenerateStyle = (token }, [`${groupPrefixCls}-wrap`]: { display: 'block', - borderRadius, + borderRadius: borderRadiusLG, boxShadow: token.boxShadowSecondary, overflow: 'hidden', [`${componentCls}-square`]: { @@ -146,12 +146,12 @@ const floatButtonGroupStyle: GenerateStyle = (token borderRadius: 0, padding: token.paddingXXS, '&:first-child': { - borderStartStartRadius: borderRadius, - borderStartEndRadius: borderRadius, + borderStartStartRadius: borderRadiusLG, + borderStartEndRadius: borderRadiusLG, }, '&:last-child': { - borderEndStartRadius: borderRadius, - borderEndEndRadius: borderRadius, + borderEndStartRadius: borderRadiusLG, + borderEndEndRadius: borderRadiusLG, }, '&:not(:last-child)': { borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`, @@ -183,7 +183,7 @@ const floatButtonGroupStyle: GenerateStyle = (token // ============================== Shared ============================== const sharedFloatButtonStyle: GenerateStyle = (token) => { - const { componentCls, floatButtonIconSize, floatButtonSize } = token; + const { componentCls, floatButtonIconSize, floatButtonSize, borderRadiusLG } = token; return { [componentCls]: { ...resetComponent(token), @@ -212,8 +212,8 @@ const sharedFloatButtonStyle: GenerateStyle = (toke }, [`${componentCls}-body`]: { - width: floatButtonSize, - height: floatButtonSize, + width: '100%', + height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', @@ -247,7 +247,7 @@ const sharedFloatButtonStyle: GenerateStyle = (toke [`${componentCls}-square`]: { height: 'auto', minHeight: floatButtonSize, - borderRadius: token.borderRadius, + borderRadius: borderRadiusLG, [`${componentCls}-body`]: { height: 'auto', borderRadius: token.borderRadiusSM,