break text in teams table
All checks were successful
deploy / build-and-deploy (/testvaro, /opt/website-test, website-test) (push) Successful in 14s
deploy / build-and-deploy (/varo, /opt/website, website) (push) Successful in 14s

This commit is contained in:
2025-06-16 20:12:19 +02:00
parent 3f28377f57
commit bf5e144e55

View File

@ -13,10 +13,10 @@
const entries = teams.map((team) => ({ const entries = teams.map((team) => ({
...team, ...team,
memberOne: Object.assign(team.memberOne, { 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, { 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 kills: deaths.filter((d) => d.killerUserId === team.memberOne.id || d.killerUserId === team.memberTwo.id).length
})); }));
@ -49,7 +49,7 @@
<td> <td>
<div class="flex items-center gap-x-2"> <div class="flex items-center gap-x-2">
<div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div> <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} {team.name}
</h3> </h3>
</div> </div>
@ -66,8 +66,10 @@
alt="head" alt="head"
/> />
{/if} {/if}
<span class="text-xs sm:text-md" class:line-through={team.memberOne.dead} class:text-gray-500={team.memberOne.id == null} <span
>{team.memberOne.username}</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> </div>
</td> </td>
@ -80,8 +82,10 @@
alt="head" alt="head"
/> />
{/if} {/if}
<span class="text-xs sm:text-md" class:line-through={team.memberTwo.dead} class:text-gray-500={team.memberTwo.id == null} <span
>{team.memberTwo.username}</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> </div>
</td> </td>