fix: overflow sur tel
This commit is contained in:
parent
de051d9e32
commit
7af144d03c
1 changed files with 19 additions and 17 deletions
36
index.html
36
index.html
|
@ -19,19 +19,21 @@
|
||||||
<!-- Tableau des résultats -->
|
<!-- 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">
|
<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>
|
<h2 class="text-lg font-bold mb-4 text-center">Résultats</h2>
|
||||||
<table class="min-w-full table-auto">
|
<div class="overflow-x-auto">
|
||||||
<thead>
|
<table class="min-w-full table-auto">
|
||||||
<tr class="bg-gray-100">
|
<thead>
|
||||||
<th class="px-4 py-2 text-left">Joueur</th>
|
<tr class="bg-gray-100">
|
||||||
<th class="px-4 py-2 text-left">Temps</th>
|
<th class="px-4 py-2 text-left">Joueur</th>
|
||||||
<th class="px-4 py-2 text-left">Début</th>
|
<th class="px-4 py-2 text-left">Temps</th>
|
||||||
<th class="px-4 py-2 text-left">Fin</th>
|
<th class="px-4 py-2 text-left">Début</th>
|
||||||
</tr>
|
<th class="px-4 py-2 text-left">Fin</th>
|
||||||
</thead>
|
</tr>
|
||||||
<tbody id="resultsTable">
|
</thead>
|
||||||
<!-- Les résultats seront insérés ici -->
|
<tbody id="resultsTable">
|
||||||
</tbody>
|
<!-- Les résultats seront insérés ici -->
|
||||||
</table>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -131,19 +133,19 @@
|
||||||
row.className = "border-t";
|
row.className = "border-t";
|
||||||
|
|
||||||
const playerCell = document.createElement("td");
|
const playerCell = document.createElement("td");
|
||||||
playerCell.className = "px-4 py-2";
|
playerCell.className = "px-4 py-2 whitespace-nowrap";
|
||||||
playerCell.textContent = id;
|
playerCell.textContent = id;
|
||||||
|
|
||||||
const startCell = document.createElement("td");
|
const startCell = document.createElement("td");
|
||||||
startCell.className = "px-4 py-2";
|
startCell.className = "px-4 py-2 whitespace-nowrap";
|
||||||
startCell.textContent = startTime;
|
startCell.textContent = startTime;
|
||||||
|
|
||||||
const endCell = document.createElement("td");
|
const endCell = document.createElement("td");
|
||||||
endCell.className = "px-4 py-2";
|
endCell.className = "px-4 py-2 whitespace-nowrap";
|
||||||
endCell.textContent = endTime;
|
endCell.textContent = endTime;
|
||||||
|
|
||||||
const deltaCell = document.createElement("td");
|
const deltaCell = document.createElement("td");
|
||||||
deltaCell.className = "px-4 py-2";
|
deltaCell.className = "px-4 py-2 whitespace-nowrap";
|
||||||
deltaCell.textContent = TimeMS(delta);
|
deltaCell.textContent = TimeMS(delta);
|
||||||
|
|
||||||
row.appendChild(playerCell);
|
row.appendChild(playerCell);
|
||||||
|
|
Loading…
Reference in a new issue