granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update SelectGroup styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/common/SelectGroup/index.module.scss
View file

@ -1,5 +1,5 @@
.SelectGroup { .group {
.Label { .label {
align-items: center; align-items: center;
color: var(--text-tertiary); color: var(--text-tertiary);
display: flex; display: flex;
@ -14,7 +14,7 @@
padding-top: $unit-2x; padding-top: $unit-2x;
} }
.Separator { .separator {
background: var(--select-separator); background: var(--select-separator);
border-radius: 1px; border-radius: 1px;
display: block; display: block;

6
components/common/SelectGroup/index.tsx
View file

@ -17,10 +17,10 @@ const defaultProps = {
const SelectGroup = (props: Props) => { const SelectGroup = (props: Props) => {
return ( return (
<React.Fragment> <React.Fragment>
<RadixSelect.Group className="SelectGroup"> <RadixSelect.Group className={styles.group}>
<RadixSelect.Label className="Label"> <RadixSelect.Label className={styles.label}>
{props.label} {props.label}
<RadixSelect.Separator className="Separator" /> <RadixSelect.Separator className={styles.separator} />
</RadixSelect.Label> </RadixSelect.Label>
{props.children} {props.children}
</RadixSelect.Group> </RadixSelect.Group>