From bba416f0fad2b3769914aa108bf53de1f7143c04 Mon Sep 17 00:00:00 2001
From: yunxia <plato_ccxx@163.com>
Date: Fri, 24 Mar 2023 16:06:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20radio=200.5px=E8=BE=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/quark/src/radio/style.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/quark/src/radio/style.css b/packages/quark/src/radio/style.css
index b629a767..284f5b37 100644
--- a/packages/quark/src/radio/style.css
+++ b/packages/quark/src/radio/style.css
@@ -70,8 +70,22 @@
 
 :host .quark-radio-container .quark-radio-show {
   background: #ffffff;
-  border: 1px solid quark-formPlaceholderColor;
   border-radius: 50%;
+  position: relative;
+}
+
+:host .quark-radio-container .quark-radio-show::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+  border-radius: 50%;
+  border: 1px solid quark-formPlaceholderColor;
+  transform: scale(0.5);
 }
 
 :host([disabled]) * {
@@ -108,10 +122,13 @@
 }
 
 :host([checked]) .quark-radio-container .quark-radio-show {
-  border: none;
   background: var(--radio-background, quark-primaryColor);
 }
 
+:host([checked]) .quark-radio-container .quark-radio-show::after {
+  border: none;
+}
+
 :host([checked]) .quark-radio-icon {
   visibility: visible;
   opacity: 1;