91 lines
3.8 KiB
Svelte
91 lines
3.8 KiB
Svelte
<header class="flex justify-between items-center mb-2">
|
|
<div class="w-1/3 text-left">
|
|
<i class="icon icon-arrow-left"></i>
|
|
<span>Go to round 1</span>
|
|
</div>
|
|
<div class="w-1/3 text-center">
|
|
<h3 class="h3">Results for round 2</h3>
|
|
</div>
|
|
<div class="w-1/3 text-right">
|
|
<span>Go to round 3</span>
|
|
<i class="icon icon-arrow-right"></i>
|
|
</div>
|
|
</header>
|
|
<section class="table-container">
|
|
<table class="table table-hover w-full">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-left">White</th>
|
|
<th class="text-center">Result</th>
|
|
<th class="text-right">Black</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left">Person A</td>
|
|
<td class="text-center">
|
|
<select class="select w-auto">
|
|
<option value="-">-</option>
|
|
<option value="1-0" selected>1-0</option>
|
|
<option value="5-5">½-½</option>
|
|
<option value="0-1">0-1</option>
|
|
<option value="1-0FF">1-0FF</option>
|
|
<option value="0-1FF">0-1FF</option>
|
|
<option value="5-5FF">½-½FF</option>
|
|
<option value="0-0FF">0-0FF</option>
|
|
</select>
|
|
</td>
|
|
<td class="text-right">Person B</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left">Person C</td>
|
|
<td class="text-center">
|
|
<select class="select w-auto">
|
|
<option value="-">-</option>
|
|
<option value="1-0">1-0</option>
|
|
<option value="5-5" selected>½-½</option>
|
|
<option value="0-1">0-1</option>
|
|
<option value="1-0FF">1-0FF</option>
|
|
<option value="0-1FF">0-1FF</option>
|
|
<option value="5-5FF">½-½FF</option>
|
|
<option value="0-0FF">0-0FF</option>
|
|
</select>
|
|
</td>
|
|
<td class="text-right">Person D</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left">Person E</td>
|
|
<td class="text-center">
|
|
<select class="select w-auto">
|
|
<option value="-">-</option>
|
|
<option value="1-0">1-0</option>
|
|
<option value="5-5">½-½</option>
|
|
<option value="0-1" selected>0-1</option>
|
|
<option value="1-0FF">1-0FF</option>
|
|
<option value="0-1FF">0-1FF</option>
|
|
<option value="5-5FF">½-½FF</option>
|
|
<option value="0-0FF">0-0FF</option>
|
|
</select>
|
|
</td>
|
|
<td class="text-right">Person F</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left">Person G</td>
|
|
<td class="text-center">
|
|
<select class="select w-auto">
|
|
<option value="-" selected>-</option>
|
|
<option value="1-0">1-0</option>
|
|
<option value="5-5">½-½</option>
|
|
<option value="0-1">0-1</option>
|
|
<option value="1-0FF">1-0FF</option>
|
|
<option value="0-1FF">0-1FF</option>
|
|
<option value="5-5FF">½-½FF</option>
|
|
<option value="0-0FF">0-0FF</option>
|
|
</select>
|
|
</td>
|
|
<td class="text-right">Person H</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|