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

Change color for tokens when "Off"

Browse source
This commit is contained in:
Justin Edmund 2023-01-30 04:15:05 -08:00
parent 5c79905437
commit a1da2f408b
2 changed files with 23 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
components/PartyDetails/index.tsx
View file

@ -691,20 +691,36 @@ const PartyDetails = (props: Props) => {
<section className={readOnlyClasses}> <section className={readOnlyClasses}>
<section className="Details"> <section className="Details">
<Token <Token
className={classNames({ ChargeAttack: true, On: chargeAttack })} className={classNames({
ChargeAttack: true,
On: chargeAttack,
Off: !chargeAttack,
})}
> >
{`${t('party.details.labels.charge_attack')} ${ {`${t('party.details.labels.charge_attack')} ${
chargeAttack ? 'On' : 'Off' chargeAttack ? 'On' : 'Off'
}`} }`}
</Token> </Token>
<Token className={classNames({ FullAuto: true, On: fullAuto })}> <Token
className={classNames({
FullAuto: true,
On: fullAuto,
Off: !fullAuto,
})}
>
{`${t('party.details.labels.full_auto')} ${ {`${t('party.details.labels.full_auto')} ${
fullAuto ? 'On' : 'Off' fullAuto ? 'On' : 'Off'
}`} }`}
</Token> </Token>
<Token className={classNames({ AutoGuard: true, On: autoGuard })}> <Token
className={classNames({
AutoGuard: true,
On: autoGuard,
Off: !autoGuard,
})}
>
{`${t('party.details.labels.auto_guard')} ${ {`${t('party.details.labels.auto_guard')} ${
fullAuto ? 'On' : 'Off' fullAuto ? 'On' : 'Off'
}`} }`}

4
components/Token/index.scss
View file

@ -22,4 +22,8 @@
background: var(--auto-guard-bg); background: var(--auto-guard-bg);
color: var(--auto-guard-text); color: var(--auto-guard-text);
} }
&.Off {
color: var(--text-secondary);
}
} }