center checkmark in radio relatively to radio's dimensions

ambrosus · Mar 26, 2024 · 270c8fb · 270c8fb
1 parent 7ffa111
commit 270c8fb
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@airdao/ui-library",
   "type": "module",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types.d.ts",

diff --git a/src/components/Radio/Radio.tsx b/src/components/Radio/Radio.tsx
@@ -10,7 +10,7 @@ export function Radio({
   className = '',
   value = '',
   name = '',
-  onChange = (e) => {},
+  onChange,
 }: RadioProps) {
   const classNames = [
     s.container,

diff --git a/src/components/Radio/radio.module.css b/src/components/Radio/radio.module.css
@@ -76,10 +76,11 @@
 
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
-    top: 8px;
-    left: 8px;
+    top: calc(50% - 4px);
+    left: calc(50% - 4px);
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
+    position: relative;
 }