fix mobile issue on player header

2024-10-09 23:41:59 +01:00 · 2024-10-09 23:41:59 +01:00 · 6443bac879
commit 6443bac879
parent 6440001839
1 changed files with 1 additions and 1 deletions
--- a/projects/website/src/components/player/player-header.tsx
+++ b/projects/website/src/components/player/player-header.tsx
@ -106,7 +106,7 @@ export default function PlayerHeader({ player }: Props) {
                {player.inactive && <p className="text-gray-400">Inactive Account</p>}
                {player.banned && <p className="text-red-500">Banned Account</p>}
              </div>
-              <div className="flex gap-2">
+              <div className="flex gap-2 flex-wrap">
                {playerData.map((subName, index) => {
                  // Check if the player is inactive or banned and if the data should be shown
                  if (!subName.showWhenInactiveOrBanned && (player.inactive || player.banned)) {