Resolve naming conflict with ToggleSwitch style

This commit is contained in:
Justin Edmund 2022-02-03 01:18:40 -08:00
parent 9f6cd27bce
commit 8b1f41b0cd
2 changed files with 4 additions and 4 deletions

View file

@ -7,10 +7,10 @@
position: relative;
}
.Extra {
.ExtraSwitch {
color: #888;
display: flex;
font-weight: 500;
font-weight: $normal;
gap: 8px;
line-height: 34px;
height: 100%;

View file

@ -23,10 +23,10 @@ interface Props {
const PartySegmentedControl = (props: Props) => {
const extraToggle =
<div className="Extra">
<div className="ExtraSwitch">
Extra
<ToggleSwitch
name="Extra"
name="ExtraSwitch"
editable={props.editable}
checked={props.extra}
onChange={props.onCheckboxChange}