Update SelectGroup styles
This commit is contained in:
parent
f89cdcdddd
commit
a4dbcebf0b
2 changed files with 6 additions and 6 deletions
|
|
@ -1,5 +1,5 @@
|
|||
.SelectGroup {
|
||||
.Label {
|
||||
.group {
|
||||
.label {
|
||||
align-items: center;
|
||||
color: var(--text-tertiary);
|
||||
display: flex;
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
padding-top: $unit-2x;
|
||||
}
|
||||
|
||||
.Separator {
|
||||
.separator {
|
||||
background: var(--select-separator);
|
||||
border-radius: 1px;
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -17,10 +17,10 @@ const defaultProps = {
|
|||
const SelectGroup = (props: Props) => {
|
||||
return (
|
||||
<React.Fragment>
|
||||
<RadixSelect.Group className="SelectGroup">
|
||||
<RadixSelect.Label className="Label">
|
||||
<RadixSelect.Group className={styles.group}>
|
||||
<RadixSelect.Label className={styles.label}>
|
||||
{props.label}
|
||||
<RadixSelect.Separator className="Separator" />
|
||||
<RadixSelect.Separator className={styles.separator} />
|
||||
</RadixSelect.Label>
|
||||
{props.children}
|
||||
</RadixSelect.Group>
|
||||
|
|
|
|||
Loading…
Reference in a new issue