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 { div.logwrap > p {
line-height: 0; 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,10 +1,14 @@
@include(main/header) @include(main/header)
<table> <h1 style="text-align: left; margin-left: 5px">Ranking lol</h1>
<table class="table">
<thead>
<tr> <tr>
<td>rank</td> <th>rank</th>
<td>username</td> <th>username</th>
<td># tags placed</td> <th># tags placed</th>
</tr> </tr>
</thead>
<tbody>
@for(let i = 0; i < list.length; i++) @for(let i = 0; i < list.length; i++)
<tr> <tr>
<td>{{ i + 1 }}</td> <td>{{ i + 1 }}</td>
@ -12,9 +16,10 @@
<td>{{ list[i].count }}</td> <td>{{ list[i].count }}</td>
</tr> </tr>
@endfor @endfor
</tbody>
</table> </table>
<hr /> <hr />
<table> <table class="table">
<tr><td>total</td><td>{{ stats.total }}</td></tr> <tr><td>total</td><td>{{ stats.total }}</td></tr>
<tr><td>tagged</td><td>{{ stats.tagged }}</td></tr> <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
<tr><td>untagged</td><td>{{ stats.untagged }}</td></tr> <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>