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" .}}
<link rel="stylesheet" href="/static/css/benchmark.css">
<div class="d-flex justify-content-between align-items-center">
<h2>Benchmark #{{ .benchmark.ID }}</h2>
<div>
@ -19,7 +21,8 @@
<div class="row">
<div class="col-12">
<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>
<tr>
<th scope="col">Label</th>
@ -45,6 +48,7 @@
</table>
</div>
</div>
</div>
<div id="fpsChart" style="height:250pt;"></div>
<div id="frameTimeChart" style="height:250pt;"></div>