From 2d5c8fe40824c9413d18ba03aac6a06af098d715 Mon Sep 17 00:00:00 2001 From: MadCcc <1075746765@qq.com> Date: Mon, 12 Dec 2022 20:36:35 +0800 Subject: [PATCH] fix: radio align (#39476) * fix: radio align * chore: code clean * fix: align-self center * chore: code clean * chore: code clean --- components/radio/style/index.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/components/radio/style/index.tsx b/components/radio/style/index.tsx index 25d09dc029..a942061c9a 100644 --- a/components/radio/style/index.tsx +++ b/components/radio/style/index.tsx @@ -68,7 +68,6 @@ const getRadioBasicStyle: GenerateStyle = (token) => { componentCls, radioWrapperMarginRight, radioCheckedColor, - radioTop, radioSize, motionDurationSlow, motionDurationMid, @@ -135,10 +134,10 @@ const getRadioBasicStyle: GenerateStyle = (token) => { [componentCls]: { ...resetComponent(token), position: 'relative', - insetBlockStart: radioTop, display: 'inline-block', outline: 'none', cursor: 'pointer', + alignSelf: 'center', }, [`${componentCls}-wrapper:hover &, @@ -487,8 +486,6 @@ export default genComponentStyleHook('Radio', (token) => { controlItemBgActiveDisabled, colorTextDisabled, colorBgContainer, - fontSize, - lineHeight, fontSizeLG, controlOutline, colorPrimaryHover, @@ -506,7 +503,6 @@ export default genComponentStyleHook('Radio', (token) => { const radioButtonFocusShadow = radioFocusShadow; const radioSize = fontSizeLG; - const radioTop = (Math.round(fontSize * lineHeight) - radioSize) / 2; const dotPadding = 4; // Fixed value const radioDotDisabledSize = radioSize - dotPadding * 2; const radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (dotPadding + lineWidth) * 2; @@ -524,7 +520,6 @@ export default genComponentStyleHook('Radio', (token) => { radioFocusShadow, radioButtonFocusShadow, radioSize, - radioTop, radioDotSize, radioDotDisabledSize, radioCheckedColor,