mirror of
https://github.com/sigmasternchen/mobmash.click
synced 2025-03-15 08:09:02 +00:00
feat: Add mobile version of results page
This commit is contained in:
parent
2bbff629b6
commit
a5065d3756
3 changed files with 34 additions and 9 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue