fix spec table on smartphones

This commit is contained in:
Erikas 2024-07-13 01:07:47 +03:00
parent 2c86bd428e
commit a598f87ebb
2 changed files with 31 additions and 24 deletions

3
static/css/benchmark.css Normal file
View File

@ -0,0 +1,3 @@
.table-nowrap td, .table-nowrap th {
white-space: nowrap;
}

View File

@ -1,5 +1,7 @@
{{template "header.tmpl" .}} {{template "header.tmpl" .}}
<link rel="stylesheet" href="/static/css/benchmark.css">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<h2>Benchmark #{{ .benchmark.ID }}</h2> <h2>Benchmark #{{ .benchmark.ID }}</h2>
<div> <div>
@ -19,7 +21,8 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h5 class="text-center" style="font-size: 16px; font-weight: bold;">Specifications</h5> <h5 class="text-center" style="font-size: 16px; font-weight: bold;">Specifications</h5>
<table class="table table-sm table-bordered"> <div class="table-responsive">
<table class="table table-sm table-bordered table-nowrap">
<thead> <thead>
<tr> <tr>
<th scope="col">Label</th> <th scope="col">Label</th>
@ -45,6 +48,7 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<div id="fpsChart" style="height:250pt;"></div> <div id="fpsChart" style="height:250pt;"></div>
<div id="frameTimeChart" style="height:250pt;"></div> <div id="frameTimeChart" style="height:250pt;"></div>