💄 — Better mobile display

This commit is contained in:
Luc Didry 2025-03-27 10:01:17 +01:00
parent ee703a505f
commit 876ac3cf54
No known key found for this signature in database
GPG key ID: EA868E12D0257E3C
3 changed files with 49 additions and 5 deletions

View file

@ -10,6 +10,7 @@
- 🤕 — Fix order of tasks sent to agent
- ✨ — Add application API (fix #86)
- ⚡️ — Faster websites configuration reloading (#85)
- 💄 — Better mobile display
## 0.9.0

View file

@ -13,7 +13,7 @@
}
.display-small article {
display: inline-block;
width: 24%;
width: 49%;
}
}
@ -60,10 +60,10 @@ label[for="select-status"] {
.initial-width {
width: initial !important;
}
#refresh-form {
.refresh-form {
margin-bottom: 0;
}
#refresh-delay {
.refresh-delay {
max-width: 120px;
}
/* Remove chevron on menu */

View file

@ -4,7 +4,7 @@
{% endblock title %}
{% block content %}
<div id="domains" class="frame">
<nav>
<nav class="display-large">
<ul>
<li>
<a href="{{ url_for("get_agents_view") }}">
@ -25,7 +25,7 @@
<label class="inline-label">
Every
<input id="refresh-delay"
class="initial-width"
class="initial-width refresh-delay"
name="auto_refresh_seconds"
type="number"
form="refresh-form"
@ -36,6 +36,7 @@
</li>
<li>
<form id="refresh-form"
class="refresh-form"
method="post"
action="{{ url_for("set_refresh_cookies_view") }}">
<input type="Submit">
@ -43,6 +44,48 @@
</li>
</ul>
</nav>
<nav class="display-small">
<ul>
<li>
<a href="{{ url_for("get_agents_view") }}">
{{ agents | length }} agent{{ 's' if agents | length > 1 }}
</a>
</li>
</ul>
<div>
<ul>
<li>
<input id="auto-refresh-sm"
name="auto_refresh_enabled"
type="checkbox"
form="refresh-form-sm"
{{ 'checked' if auto_refresh_enabled }}>
<label for="auto-refresh-sm" class="inline-label">Auto-refresh</label>
</li>
<li>
<label class="inline-label">
Every
<input id="refresh-delay-sm"
class="initial-width refresh-delay"
name="auto_refresh_seconds"
type="number"
form="refresh-form-sm"
min="5"
value="{{ auto_refresh_seconds }}">
seconds
</label>
</li>
<li>
<form id="refresh-form-sm"
method="post"
class="refresh-form"
action="{{ url_for("set_refresh_cookies_view") }}">
<input type="Submit">
</form>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="display-small">
<article title="Unknown">