almet/argos
1
0
Fork 0
mirror of https://framagit.org/framasoft/framaspace/argos.git synced 2025-04-28 09:52:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

💄 — Correctly show results on small screens

Browse source
This commit is contained in:
Luc Didry 2024-09-24 10:58:58 +02:00
parent 839429f460
commit 89f4590fb7
No known key found for this signature in database
GPG key ID: EA868E12D0257E3C
3 changed files with 42 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -2,6 +2,8 @@
## [Unreleased]
- 💄 — Correctly show results on small screens
## 0.4.1
Date: 2024-09-18

17
argos/server/static/styles.css
View file

@ -1,5 +1,22 @@
@import url("pico.min.css");
.display-small {
display: none;
text-align: center;
}
@media (max-width: 767px) {
.display-large {
display: none !important;
}
.display-small {
display: block;
}
.display-small article {
display: inline-block;
width: 24%;
}
}
code {
white-space: pre-wrap;
}

24
argos/server/templates/index.html
View file

@ -44,7 +44,29 @@
</ul>
</nav>
<div class="container">
<div class="grid grid-index">
<div class="display-small">
<article title="Unknown">
❔
<br>
{{ counts_dict['unknown'] }}
</article>
<article title="OK">
✅
<br>
{{ counts_dict['ok'] }}
</article>
<article title="Warning">
⚠️
<br>
{{ counts_dict['warning'] }}
</article>
<article title="Critical">
❌
<br>
{{ counts_dict['critical'] }}
</article>
</div>
<div class="grid grid-index display-large">
<article>
<header title="Unknown">
❔