Minor UI fixes

This commit is contained in:
ayurishchev committed 2026-08-26 22:42:19 +03:00
1 parent 7a93594e69
commit af3453f19f
4 files changed
+18 -12

No files matched your search

+1 -1
View File
@@ -1,4 +1,4 @@
118e09f98944ac59593af603c04a1d5f0e7cafb6549b5a562300bc31d9c769da control-api
48c9b99fa88be751d9badfba8b7d80f894e326a743a90e85478f1d2251ce4ab6 validator-agent
8877cf7c6d2bdd58faf70865be602b3db5f18508f4607c8942bc8899ce0fb1e6 prober
83fc0bcf22277ef9fbcd79761999f7b474fd717677d21c75a688b31684a22b15 admin-dashboard
b0339b9b341d9ab2d4f6835fda5d9f927a18ed8a831ec9f24dba05624664a417 admin-dashboard
Binary file not shown.
+16 -10
View File
@@ -264,7 +264,7 @@ nav.nav-groups { display: flex; flex-direction: column; gap: 1px; }
.main { padding: 22px 26px 60px; max-width: 1180px; }
.topbar {
display: flex; align-items: baseline; justify-content: space-between;
margin-bottom: 20px; flex-wrap: wrap; gap: 10px;
margin-bottom: 18px; flex-wrap: wrap; gap: 10px;
}
.topbar .sub { color: var(--text-muted); font-size: 12.5px; display: flex; align-items: center; gap: 6px; }
@@ -275,7 +275,7 @@ nav.nav-groups { display: flex; flex-direction: column; gap: 1px; }
border: 1px solid var(--border);
border-radius: var(--radius-sm);
overflow: hidden;
margin-bottom: 18px;
margin-bottom: 22px;
}
.stat-card { background: var(--surface); padding: 12px 14px; }
.stat-card .value {
@@ -301,8 +301,14 @@ nav.nav-groups { display: flex; flex-direction: column; gap: 1px; }
box-shadow: var(--shadow-sm);
overflow: hidden;
}
.panel + .panel { margin-top: 14px; }
.panel-body { padding: 16px 18px; }
.panel + .panel { margin-top: 16px; }
/* The htmx swap-target wrappers below (#X-table-wrap on the "list" pages)
sit between the create-form panel above them and the panel they
contain, so `.panel + .panel` never matches across that boundary —
give the wrapper the same top margin directly instead. */
#sites-table-wrap, #targets-table-wrap, #checktypes-table-wrap,
#validators-table-wrap, #ips-table-wrap { margin-top: 16px; }
.panel-body { padding: 15px 16px; }
.panel-head {
display: flex; align-items: center; justify-content: space-between;
padding: 10px 16px;
@@ -312,7 +318,7 @@ nav.nav-groups { display: flex; flex-direction: column; gap: 1px; }
.panel-head h2 { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }
/* ---------- forms ---------- */
.field-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.field-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.field { display: flex; flex-direction: column; gap: 5px; flex: 1 1 220px; }
.field label {
font-family: var(--font-display);
@@ -325,7 +331,7 @@ nav.nav-groups { display: flex; flex-direction: column; gap: 1px; }
input[type="text"], input[type="number"], input[type="search"], textarea, select {
font-family: var(--font-ui);
font-size: 13.5px;
padding: 8px 11px;
padding: 7px 10px;
border-radius: var(--radius-xs);
border: 1px solid var(--border);
background: var(--bg);
@@ -374,11 +380,11 @@ thead th {
letter-spacing: .06em;
color: var(--text-faint);
font-weight: 700;
padding: 9px 18px;
padding: 9px 16px;
border-bottom: 1px solid var(--border);
background: var(--surface-alt);
}
tbody td { padding: 10px 18px; border-bottom: 1px solid var(--border-soft); vertical-align: middle; }
tbody td { padding: 9px 16px; border-bottom: 1px solid var(--border-soft); vertical-align: middle; }
tbody tr:last-child td { border-bottom: none; }
tbody tr:hover { background: var(--surface-alt); }
td.addr { font-family: var(--font-mono); font-size: 13px; }
@@ -464,7 +470,7 @@ code.inline { font-family: var(--font-mono); background: var(--surface-alt); bor
border: 1px solid var(--border);
display: grid; place-items: center; cursor: pointer; flex-shrink: 0;
}
.main { padding: 18px 16px 50px; }
.main { padding: 16px 14px 50px; }
.stat-grid { grid-template-columns: repeat(2, 1fr); }
}
@@ -472,7 +478,7 @@ code.inline { font-family: var(--font-mono); background: var(--surface-alt); bor
.field-row { flex-direction: column; align-items: stretch; }
thead { display: none; }
table, tbody, tr, td { display: block; width: 100%; }
tbody tr { border-bottom: 1px solid var(--border-soft); padding: 10px 18px; }
tbody tr { border-bottom: 1px solid var(--border-soft); padding: 9px 16px; }
tbody td { border: none; padding: 3px 0; }
tbody td[data-label]::before {
content: attr(data-label);
+1 -1
View File
@@ -47,7 +47,7 @@
</div>
</div>
<div class="panel" style="margin-top:16px">
<div class="panel">
<div class="panel-body">
<p class="muted" style="margin-bottom:16px">Типы проверок, которые прогоняет <code>prober</code> на каждой
настроенной площадке для каждого проверяемого адреса — глобальный набор, общий для всех площадок. Отдельно от