changed radion button color | 20

temp
mahdi 2 years ago
parent 85c77f3002
commit 10fd2d4340
  1. 4
      src/App.scss
  2. 9
      src/components/Radio/index.js
  3. 4
      src/components/Radio/index.scss

@ -9,7 +9,6 @@
font-family: Regular;
}
.ltr {
direction: ltr;
}
@ -86,9 +85,10 @@
width: 100% !important;
height: 100% !important;
border-radius: 20px !important;
.marker {
width: 20px;
height: 20px
height: 20px;
}
}

@ -4,7 +4,14 @@ import "./index.scss";
export default function Radio(props) {
return (
<div className="radio flex items-center">
<input id="radio-1" name={props.name} type="radio" checked={props.active} onChange={() => {}} />
<input
id="radio-1"
name={props.name}
type="radio"
className="accent-pink-500"
checked={props.active}
onChange={() => {}}
/>
<label htmlFor="radio-1" className="radio-label text-xs">
{/* {props.label} */}
</label>

@ -1,5 +1,5 @@
$color1: #f4f4f4;
$color2: #3197EE;
$color2: #12cf7f;
.radio {
input[type="radio"] {
@ -7,7 +7,7 @@ $color2: #3197EE;
opacity: 0;
+ .radio-label {
&:before {
content: '';
content: "";
background: $color1;
border-radius: 100%;
border: 1px solid darken($color1, 25%);

Loading…
Cancel
Save