Update SelectGroup styles

This commit is contained in:
Justin Edmund 2023-06-30 22:23:21 -07:00
parent f89cdcdddd
commit a4dbcebf0b
2 changed files with 6 additions and 6 deletions

View file

@ -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;

View file

@ -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>