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

fix: fix style error (#39282)

Browse Source 
* fix: fix style error

* fix
This commit is contained in:
lijianan 2022-12-06 15:17:34 +08:00 committed by GitHub
parent ac0139c2c7
commit d17d98f81a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/float-button/style/index.tsx
View File

@ -80,7 +80,7 @@ const initFloatButtonGroupMotion = (token: FloatButtonToken) => {
// ============================== Group ==============================
const floatButtonGroupStyle: GenerateStyle<FloatButtonToken, CSSObject> = (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<FloatButtonToken, CSSObject> = (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<FloatButtonToken, CSSObject> = (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<FloatButtonToken, CSSObject> = (token
},
[`${groupPrefixCls}-wrap`]: {
display: 'block',
borderRadius,
borderRadius: borderRadiusLG,
boxShadow: token.boxShadowSecondary,
overflow: 'hidden',
[`${componentCls}-square`]: {
@ -146,12 +146,12 @@ const floatButtonGroupStyle: GenerateStyle<FloatButtonToken, CSSObject> = (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<FloatButtonToken, CSSObject> = (token
// ============================== Shared ==============================
const sharedFloatButtonStyle: GenerateStyle<FloatButtonToken, CSSObject> = (token) => {
const { componentCls, floatButtonIconSize, floatButtonSize } = token;
const { componentCls, floatButtonIconSize, floatButtonSize, borderRadiusLG } = token;
return {
[componentCls]: {
...resetComponent(token),
@ -212,8 +212,8 @@ const sharedFloatButtonStyle: GenerateStyle<FloatButtonToken, CSSObject> = (toke
},
[`${componentCls}-body`]: {
width: floatButtonSize,
height: floatButtonSize,
width: '100%',
height: '100%',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
@ -247,7 +247,7 @@ const sharedFloatButtonStyle: GenerateStyle<FloatButtonToken, CSSObject> = (toke
[`${componentCls}-square`]: {
height: 'auto',
minHeight: floatButtonSize,
borderRadius: token.borderRadius,
borderRadius: borderRadiusLG,
[`${componentCls}-body`]: {
height: 'auto',
borderRadius: token.borderRadiusSM,