shylie/serra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve mobile

Browse Source
This commit is contained in:
Florian Baumann 2023-02-28 14:31:55 +01:00
parent a3d17da32c
commit 52490771eb
1 changed files with 187 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
templates/index.tmpl
View File

@ -30,15 +30,56 @@
visibility: visible;
display: inline-block;
}
@media only screen and (max-width: 900px) {
.level-item {
justify-content: unset
}
table#cards td {
display: none;
}
table#cards th {
display: none;
}
table#cards th:nth-child(1) {
display: revert;
}
table#cards th:nth-child(2) {
display: revert;
}
table#cards th:nth-child(4) {
display: revert;
}
table#cards th:nth-child(5) {
display: revert;
}
table#cards th:nth-child(9) {
display: revert;
}
table#cards td:nth-child(1) {
display: revert;
}
table#cards td:nth-child(2) {
display: revert;
}
table#cards td:nth-child(4) {
display: revert;
}
table#cards td:nth-child(5) {
display: revert;
}
table#cards td:nth-child(9) {
display: revert;
}
}
</style>
</head>
<body>
<!-- Site Title -->
<div class="container">
<section class="hero is-primary">
<div class="hero-body">
<p class="title">
@ -49,11 +90,9 @@
</p>
</div>
</section>
</div>
<!-- Nav Bar -->
<section class="section">
<div class="container">
<nav class="level">
<!-- Left side -->
@ -110,7 +149,7 @@
</nav>
<!-- Results Table -->
<table class="table is-fullwidth">
<table id="cards" class="table is-fullwidth">
<thead>
<tr>
<th><abbr title="Amount">#</abbr></th>
@ -163,12 +202,8 @@
</tbody>
</table>
</div>
</section>
</body>
<!-- Select set from last search -->
<script>
function getParam(paramName) {
@ -183,7 +218,6 @@
document.getElementById("sort").value = selectedSortVal;
</script>
<div class="container">
<footer class="footer">
<div class="content has-text-centered">
<p>
@ -192,5 +226,7 @@
</p>
</div>
</footer>
</div>
</body>
</html>