fix: radio align (#39476)

* fix: radio align * chore: code clean * fix: align-self center * chore: code clean * chore: code clean
ant-design · Dec 12, 2022 · 2d5c8fe · 2d5c8fe
1 parent de31c90
commit 2d5c8fe
Showing 1 changed file with 1 addition and 6 deletions.
diff --git a/components/radio/style/index.tsx b/components/radio/style/index.tsx
@@ -68,7 +68,6 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
     componentCls,
     radioWrapperMarginRight,
     radioCheckedColor,
-    radioTop,
     radioSize,
     motionDurationSlow,
     motionDurationMid,
@@ -135,10 +134,10 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (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,