Fix badge inventory css

This commit is contained in:
Bill 2022-03-23 05:07:34 -04:00
parent 17262d502a
commit 39c2fd4246

View File

@ -91,7 +91,7 @@ export const InventoryBadgeView: FC<InventoryBadgeViewProps> = props =>
{ badge && (badge.length > 0) && { badge && (badge.length > 0) &&
<Column grow justifyContent="end" gap={ 2 }> <Column grow justifyContent="end" gap={ 2 }>
<Flex alignItems="center" gap={ 2 }> <Flex alignItems="center" gap={ 2 }>
<LayoutBadgeImageView badgeCode={ badge } /> <LayoutBadgeImageView shrink badgeCode={ badge } />
<Text>{ LocalizeBadgeName(badge) }</Text> <Text>{ LocalizeBadgeName(badge) }</Text>
</Flex> </Flex>
<Button variant={ (isWearingBadge(badge) ? 'danger' : 'success') } disabled={ !isWearingBadge(badge) && !canWearBadges() } onClick={ toggleBadge }>{ LocalizeText(isWearingBadge(badge) ? 'inventory.badges.clearbadge' : 'inventory.badges.wearbadge') }</Button> <Button variant={ (isWearingBadge(badge) ? 'danger' : 'success') } disabled={ !isWearingBadge(badge) && !canWearBadges() } onClick={ toggleBadge }>{ LocalizeText(isWearingBadge(badge) ? 'inventory.badges.clearbadge' : 'inventory.badges.wearbadge') }</Button>