table style

This commit is contained in:
Flummi 2021-12-24 11:16:00 +01:00
parent f1a8c0cabc
commit 0f8ab86966
2 changed files with 35 additions and 12 deletions

View File

@ -1222,3 +1222,21 @@ div.logwrap {
div.logwrap > p {
line-height: 0;
}
/* ranking */
table.table {
border-collapse: collapse;
margin: 25px 0;
min-width: 400px;
}
table.table thead tr {
text-align: left;
font-weight: bolder;
border-bottom: 1px solid var(--accent);
}
table.table th, table.table td {
padding: 7px 15px;
}
table.table tbody tr:nth-of-type(even) {
background-color: #232323;
}

View File

@ -1,20 +1,25 @@
@include(main/header)
<table>
<tr>
<td>rank</td>
<td>username</td>
<td># tags placed</td>
</tr>
<h1 style="text-align: left; margin-left: 5px">Ranking lol</h1>
<table class="table">
<thead>
<tr>
<th>rank</th>
<th>username</th>
<th># tags placed</th>
</tr>
</thead>
<tbody>
@for(let i = 0; i < list.length; i++)
<tr>
<td>{{ i + 1 }}</td>
<td>{!! list[i].user !!}</td>
<td>{{ list[i].count }}</td>
</tr>
<tr>
<td>{{ i + 1 }}</td>
<td>{!! list[i].user !!}</td>
<td>{{ list[i].count }}</td>
</tr>
@endfor
</tbody>
</table>
<hr />
<table>
<table class="table">
<tr><td>total</td><td>{{ stats.total }}</td></tr>
<tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
<tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>