Skip to content

Commit b71d4d3

Browse files
committed
fix: [Radio] fix styles
1 parent a6a97e7 commit b71d4d3

File tree

1 file changed

+11
-16
lines changed

1 file changed

+11
-16
lines changed

src/components/Radio/style.less

Lines changed: 11 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@
22
.Radio {
33
position: relative;
44
display: inline-block;
5-
margin: 0 6px 6px 0;
6-
padding: 6px 12px;
7-
border: 1px solid var(--white);
5+
margin: 9px 12px 0 0;
6+
padding: 4px 12px;
7+
border: 1px solid var(--gray-6);
88
border-radius: 9px;
99
background: var(--white);
10+
color: var(--gray-2);
1011
font-size: @font-size-sm;
1112
line-height: 20px;
1213
text-align: center;
@@ -15,33 +16,27 @@
1516
-webkit-tap-highlight-color: transparent;
1617
}
1718

19+
.RadioGroup {
20+
margin-top: -9px;
21+
}
22+
1823
.RadioGroup--block {
1924
.Radio {
2025
display: block;
21-
margin: 10px 0 0;
22-
23-
&:first-child {
24-
margin: 0;
25-
}
26+
margin-right: 9px;
2627
}
2728
}
2829

2930
.CheckboxGroup--block {
3031
.Checkbox {
3132
display: block;
32-
margin: 10px 0 0;
33-
34-
&:first-child {
35-
margin: 0;
36-
}
33+
margin-right: 0;
3734
}
3835
}
3936

4037
.Checkbox--disabled,
4138
.Radio--disabled {
42-
border-color: transparent;
43-
background: var(--gray-7);
44-
color: var(--gray-4);
39+
opacity: 0.5;
4540
cursor: initial;
4641
}
4742

0 commit comments

Comments
 (0)