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

Fix background-color on CharacterRep

Browse source
This commit is contained in:
Justin Edmund 2023-07-05 22:35:54 -07:00
parent 955cd14762
commit 9adcd50519
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/reps/CharacterRep/index.module.scss
View file

@ -75,5 +75,9 @@
background: var(--dark-hover-bg); background: var(--dark-hover-bg);
border-color: var(--dark-bg); border-color: var(--dark-bg);
} }
&.empty {
background: var(--card-bg);
}
} }
} }

10
components/reps/CharacterRep/index.tsx
View file

@ -74,10 +74,11 @@ const CharacterRep = (props: Props) => {
source = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-portraits/${slug}_${gender}.png` source = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-portraits/${slug}_${gender}.png`
} }
return props.job && props.job.id !== '-1' ? ( return (
<img alt={props.job ? props.job?.name[locale] : ''} src={source} /> props.job &&
) : ( props.job.id !== '-1' && (
'' <img alt={props.job ? props.job?.name[locale] : ''} src={source} />
)
) )
} }
@ -117,6 +118,7 @@ const CharacterRep = (props: Props) => {
className={classNames({ className={classNames({
[styles.protagonist]: true, [styles.protagonist]: true,
[styles[`${numberToElement()}`]]: true, [styles[`${numberToElement()}`]]: true,
[styles.empty]: !props.job || props.job.id === '-1',
})} })}
> >
{generateMCImage()} {generateMCImage()}