break text in teams table
This commit is contained in:
@ -13,10 +13,10 @@
|
||||
const entries = teams.map((team) => ({
|
||||
...team,
|
||||
memberOne: Object.assign(team.memberOne, {
|
||||
dead: team.memberOne.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberOne.id) !== -1 : null,
|
||||
dead: team.memberOne.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberOne.id) !== -1 : null
|
||||
}),
|
||||
memberTwo: Object.assign(team.memberTwo, {
|
||||
dead: team.memberTwo.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberTwo.id) !== -1 : null,
|
||||
dead: team.memberTwo.id != null ? deaths.findIndex((d) => d.deadUserId === team.memberTwo.id) !== -1 : null
|
||||
}),
|
||||
kills: deaths.filter((d) => d.killerUserId === team.memberOne.id || d.killerUserId === team.memberTwo.id).length
|
||||
}));
|
||||
@ -49,7 +49,7 @@
|
||||
<td>
|
||||
<div class="flex items-center gap-x-2">
|
||||
<div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div>
|
||||
<h3 class="text-xs sm:text-xl" class:text-red-200={!team.memberOne}>
|
||||
<h3 class="text-xs sm:text-xl break-all" class:text-red-200={!team.memberOne}>
|
||||
{team.name}
|
||||
</h3>
|
||||
</div>
|
||||
@ -66,8 +66,10 @@
|
||||
alt="head"
|
||||
/>
|
||||
{/if}
|
||||
<span class="text-xs sm:text-md" class:line-through={team.memberOne.dead} class:text-gray-500={team.memberOne.id == null}
|
||||
>{team.memberOne.username}</span
|
||||
<span
|
||||
class="text-xs sm:text-md break-all"
|
||||
class:line-through={team.memberOne.dead}
|
||||
class:text-gray-500={team.memberOne.id == null}>{team.memberOne.username}</span
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
@ -80,8 +82,10 @@
|
||||
alt="head"
|
||||
/>
|
||||
{/if}
|
||||
<span class="text-xs sm:text-md" class:line-through={team.memberTwo.dead} class:text-gray-500={team.memberTwo.id == null}
|
||||
>{team.memberTwo.username}</span
|
||||
<span
|
||||
class="text-xs sm:text-md break-all"
|
||||
class:line-through={team.memberTwo.dead}
|
||||
class:text-gray-500={team.memberTwo.id == null}>{team.memberTwo.username}</span
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
|
Reference in New Issue
Block a user