Update WeaponUnit

Flips text and uncap stars and makes the modal click target the image instead of the whole unit
This commit is contained in:
Justin Edmund 2022-01-25 23:14:58 -08:00
parent ae857c19a1
commit b2daead1d5
2 changed files with 2 additions and 1 deletions

View file

@ -11,6 +11,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: 2px;
overflow: hidden; overflow: hidden;
transition: all 0.18s ease-in-out; transition: all 0.18s ease-in-out;
} }

View file

@ -54,13 +54,13 @@ const WeaponUnit = (props: Props) => {
<img alt={weapon?.name.en} className="grid_image" src={imageUrl} /> <img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><PlusIcon /></span> : '' } { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
</div> </div>
<h3 className="WeaponName">{weapon?.name.en}</h3>
<UncapIndicator <UncapIndicator
type="weapon" type="weapon"
ulb={weapon?.uncap.ulb || false} ulb={weapon?.uncap.ulb || false}
flb={weapon?.uncap.flb || false} flb={weapon?.uncap.flb || false}
uncapLevel={3} uncapLevel={3}
/> />
<h3 className="WeaponName">{weapon?.name.en}</h3>
</div> </div>
</div> </div>
) )