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,30 +21,32 @@
<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">
<thead> <table class="table table-sm table-bordered table-nowrap">
<tr> <thead>
<th scope="col">Label</th> <tr>
<th scope="col">OS</th> <th scope="col">Label</th>
<th scope="col">GPU</th> <th scope="col">OS</th>
<th scope="col">CPU</th> <th scope="col">GPU</th>
<th scope="col">RAM</th> <th scope="col">CPU</th>
<th scope="col">OS specific</th> <th scope="col">RAM</th>
</tr> <th scope="col">OS specific</th>
</thead> </tr>
<tbody> </thead>
{{- range .benchmarkData }} <tbody>
<tr> {{- range .benchmarkData }}
<th scope="row">{{ .Label }}</th> <tr>
<td>{{ .SpecOS }}</td> <th scope="row">{{ .Label }}</th>
<td>{{ .SpecGPU }}</td> <td>{{ .SpecOS }}</td>
<td>{{ .SpecCPU }}</td> <td>{{ .SpecGPU }}</td>
<td>{{ .SpecRAM }}</td> <td>{{ .SpecCPU }}</td>
<td>{{ .SpecLinuxKernel }} {{ .SpecLinuxScheduler }}</td> <td>{{ .SpecRAM }}</td>
</tr> <td>{{ .SpecLinuxKernel }} {{ .SpecLinuxScheduler }}</td>
{{- end }} </tr>
</tbody> {{- end }}
</table> </tbody>
</table>
</div>
</div> </div>
</div> </div>