Resolve naming conflict with ToggleSwitch style
This commit is contained in:
parent
9f6cd27bce
commit
8b1f41b0cd
2 changed files with 4 additions and 4 deletions
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Reference in a new issue