fix: overflow sur tel

This commit is contained in:
Baptiste Rebillard 2025-04-05 13:22:36 +02:00
parent de051d9e32
commit 7af144d03c

View file

@ -19,19 +19,21 @@
<!-- Tableau des résultats -->
<div class="bg-white shadow-lg p-6 rounded-lg w-full sm:w-1/2 md:w-1/3 lg:w-1/2 mt-6">
<h2 class="text-lg font-bold mb-4 text-center">Résultats</h2>
<table class="min-w-full table-auto">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-2 text-left">Joueur</th>
<th class="px-4 py-2 text-left">Temps</th>
<th class="px-4 py-2 text-left">Début</th>
<th class="px-4 py-2 text-left">Fin</th>
</tr>
</thead>
<tbody id="resultsTable">
<!-- Les résultats seront insérés ici -->
</tbody>
</table>
<div class="overflow-x-auto">
<table class="min-w-full table-auto">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-2 text-left">Joueur</th>
<th class="px-4 py-2 text-left">Temps</th>
<th class="px-4 py-2 text-left">Début</th>
<th class="px-4 py-2 text-left">Fin</th>
</tr>
</thead>
<tbody id="resultsTable">
<!-- Les résultats seront insérés ici -->
</tbody>
</table>
</div>
</div>
<script>
@ -131,19 +133,19 @@
row.className = "border-t";
const playerCell = document.createElement("td");
playerCell.className = "px-4 py-2";
playerCell.className = "px-4 py-2 whitespace-nowrap";
playerCell.textContent = id;
const startCell = document.createElement("td");
startCell.className = "px-4 py-2";
startCell.className = "px-4 py-2 whitespace-nowrap";
startCell.textContent = startTime;
const endCell = document.createElement("td");
endCell.className = "px-4 py-2";
endCell.className = "px-4 py-2 whitespace-nowrap";
endCell.textContent = endTime;
const deltaCell = document.createElement("td");
deltaCell.className = "px-4 py-2";
deltaCell.className = "px-4 py-2 whitespace-nowrap";
deltaCell.textContent = TimeMS(delta);
row.appendChild(playerCell);