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