💄 — 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 - 🤕 — Fix order of tasks sent to agent
- ✨ — Add application API (fix #86) - ✨ — Add application API (fix #86)
- ⚡️ — Faster websites configuration reloading (#85) - ⚡️ — Faster websites configuration reloading (#85)
- 💄 — Better mobile display
## 0.9.0 ## 0.9.0

View file

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

View file

@ -4,7 +4,7 @@
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
<div id="domains" class="frame"> <div id="domains" class="frame">
<nav> <nav class="display-large">
<ul> <ul>
<li> <li>
<a href="{{ url_for("get_agents_view") }}"> <a href="{{ url_for("get_agents_view") }}">
@ -25,7 +25,7 @@
<label class="inline-label"> <label class="inline-label">
Every Every
<input id="refresh-delay" <input id="refresh-delay"
class="initial-width" class="initial-width refresh-delay"
name="auto_refresh_seconds" name="auto_refresh_seconds"
type="number" type="number"
form="refresh-form" form="refresh-form"
@ -36,6 +36,7 @@
</li> </li>
<li> <li>
<form id="refresh-form" <form id="refresh-form"
class="refresh-form"
method="post" method="post"
action="{{ url_for("set_refresh_cookies_view") }}"> action="{{ url_for("set_refresh_cookies_view") }}">
<input type="Submit"> <input type="Submit">
@ -43,6 +44,48 @@
</li> </li>
</ul> </ul>
</nav> </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="container">
<div class="display-small"> <div class="display-small">
<article title="Unknown"> <article title="Unknown">