fix mobile issue on player header
All checks were successful
Deploy Website / deploy (push) Successful in 3m34s

This commit is contained in:
Lee 2024-10-09 23:41:59 +01:00
parent 6440001839
commit 6443bac879

@ -106,7 +106,7 @@ export default function PlayerHeader({ player }: Props) {
{player.inactive && <p className="text-gray-400">Inactive Account</p>} {player.inactive && <p className="text-gray-400">Inactive Account</p>}
{player.banned && <p className="text-red-500">Banned Account</p>} {player.banned && <p className="text-red-500">Banned Account</p>}
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2 flex-wrap">
{playerData.map((subName, index) => { {playerData.map((subName, index) => {
// Check if the player is inactive or banned and if the data should be shown // Check if the player is inactive or banned and if the data should be shown
if (!subName.showWhenInactiveOrBanned && (player.inactive || player.banned)) { if (!subName.showWhenInactiveOrBanned && (player.inactive || player.banned)) {