From 0a1f19347f41e92d5168769dc7f46e68fabfc6f7 Mon Sep 17 00:00:00 2001
From: zsmj <zsmj1994@gmail.com>
Date: Tue, 25 Oct 2022 10:31:16 +0800
Subject: [PATCH] =?UTF-8?q?KERNEL-13158=20feat:=20radio=E5=92=8C=E5=8D=8A?=
 =?UTF-8?q?=E9=80=89=E5=9B=BE=E6=A0=87=E6=94=AF=E6=8C=81=E7=AD=89=E6=AF=94?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/less/base/single/button/button.half.less |  9 +++++----
 src/less/base/single/input/radio.less        | 13 +++++++------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/less/base/single/button/button.half.less b/src/less/base/single/button/button.half.less
index b652328fb..13bb7f996 100644
--- a/src/less/base/single/button/button.half.less
+++ b/src/less/base/single/button/button.half.less
@@ -6,10 +6,11 @@
 
   &:after {
     position: absolute;
-    left: 2px;
-    top: 2px;
-    width: 8px;
-    height: 8px;
+    left: 50%;
+    top: 50%;
+    width: 50%;
+    height: 50%;
+    .transform(translate(-50%, -50%));
     background-color: @color-bi-background-half-button-content;
     content: '';
   }
diff --git a/src/less/base/single/input/radio.less b/src/less/base/single/input/radio.less
index 0a3345e42..a1aaa4071 100644
--- a/src/less/base/single/input/radio.less
+++ b/src/less/base/single/input/radio.less
@@ -2,13 +2,15 @@
 
 .bi-radio {
   & .radio-content, &.radio-content {
-    .border-radius(8px);
+    .border-radius(50%);
     border: 1px solid @color-bi-border-radio;
     .box-sizing(border-box);
     .transition(all .1s);
+
     &:after {
       content: "";
     }
+
     &.hover, &:hover {
       border-color: @color-bi-border-hover-active-radio;
     }
@@ -18,16 +20,15 @@
       border-color:  @color-bi-border-hover-active-radio;
       background-color: @color-bi-background-active-radio;
       &:after {
-        width: 8px;
-        height: 8px;
-        display: table;
+        width: 50%;
+        height: 50%;
         position: absolute;
         top: 50%;
         left: 50%;
-        .border-radius(4px);
+        .border-radius(50%);
         background-color: @color-bi-background-active-radio-content;
         .transform(translate(-50%, -50%));
-        @transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
+        @transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
         .transition(@transition);
       }
     }