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

Resolve naming conflict with ToggleSwitch style

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

4
components/PartySegmentedControl/index.scss
View file

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

4
components/PartySegmentedControl/index.tsx
View file

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