feat: Add mobile version of results page

This commit is contained in:
overflowerror 2024-08-06 21:50:08 +02:00
parent 2bbff629b6
commit a5065d3756
3 changed files with 34 additions and 9 deletions

View file

@ -244,8 +244,15 @@ h2 {
margin-left: 2.5vw;
}
.right {
text-align: right;
padding-right: 15px;
}
.results-list img {
height: 100px;
object-fit: contain;
width: 100px;
}
.results-list .trend-container {
@ -423,4 +430,22 @@ h2 {
width: auto;
height: 7vh;
}
.results-list td img {
width: 50px;
height: 50px;
}
.results-list .hide-on-mobile {
display: none;
}
.results-list .trend-container {
width: 190px;
}
#disclaimer {
max-width: 90vw;
margin: auto;
}
}

View file

@ -39,16 +39,16 @@ function makeSortButton(string $field): void {
<th>
Name <?php makeSortButton("name"); ?>
</th>
<th>
<th class="hide-on-mobile">
Rating <?php makeSortButton("rating"); ?>
</th>
<th>
<th class="hide-on-mobile">
Matches <?php makeSortButton("matches"); ?>
</th>
<th>
<th class="hide-on-mobile">
Wins <?php makeSortButton("wins"); ?>
</th>
<th>
<th class="hide-on-mobile">
Losses <?php makeSortButton("losses"); ?>
</th>
<th>

View file

@ -6,7 +6,7 @@
$uniqueSuffix = intval(microtime(true) * 1000) % 1000000;
?>
<tr>
<td>
<td class="right">
<?= $mob["position"] ?>
</td>
<td>
@ -17,16 +17,16 @@
<?= $mob["name"] ?>
</a>
</td>
<td>
<td class="hide-on-mobile right">
<?= number_format($mob["rating"]) ?>
</td>
<td>
<td class="hide-on-mobile right">
<?= $mob["matches"] ?>
</td>
<td>
<td class="hide-on-mobile right">
<?= $mob["wins"] ?>
</td>
<td>
<td class="hide-on-mobile right">
<?= $mob["losses"] ?>
</td>
<td>