Minor UI fixes
This commit is contained in:
1 parent
7a93594e69
commit
af3453f19f
4 files changed
+18
-12
No files matched your search
+1
-1
@@ -1,4 +1,4 @@
|
||||
118e09f98944ac59593af603c04a1d5f0e7cafb6549b5a562300bc31d9c769da control-api
|
||||
48c9b99fa88be751d9badfba8b7d80f894e326a743a90e85478f1d2251ce4ab6 validator-agent
|
||||
8877cf7c6d2bdd58faf70865be602b3db5f18508f4607c8942bc8899ce0fb1e6 prober
|
||||
83fc0bcf22277ef9fbcd79761999f7b474fd717677d21c75a688b31684a22b15 admin-dashboard
|
||||
b0339b9b341d9ab2d4f6835fda5d9f927a18ed8a831ec9f24dba05624664a417 admin-dashboard
|
||||
Binary file not shown.
@@ -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);
|
||||
|
||||
@@ -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> на каждой
|
||||
настроенной площадке для каждого проверяемого адреса — глобальный набор, общий для всех площадок. Отдельно от
|
||||
|
||||
Reference in new issue
Block a user