fix: keep the machine row buttons on one line
This commit is contained in:
1 parent
f3cb7701f2
commit
7f4d645f19
2 files changed
+8
-4
No files matched your search
@@ -67,6 +67,10 @@ button:hover, .btn:hover { background: var(--accent-hover); text-decoration: non
|
|||||||
table { width: 100%; border-collapse: collapse; }
|
table { width: 100%; border-collapse: collapse; }
|
||||||
th, td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--border); font-size: 14px; }
|
th, td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--border); font-size: 14px; }
|
||||||
th { color: var(--muted); font-weight: 500; }
|
th { color: var(--muted); font-weight: 500; }
|
||||||
|
.nowrap { white-space: nowrap; }
|
||||||
|
/* Row buttons stay on one line; the column is only as wide as they need. */
|
||||||
|
td.actions { width: 1%; white-space: nowrap; }
|
||||||
|
td.actions .row { flex-wrap: nowrap; justify-content: flex-end; }
|
||||||
.dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; }
|
.dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; }
|
||||||
.dot.on { background: var(--ok); }
|
.dot.on { background: var(--ok); }
|
||||||
.dot.off { background: #555d6a; }
|
.dot.off { background: #555d6a; }
|
||||||
|
|||||||
@@ -26,12 +26,12 @@
|
|||||||
<tbody>
|
<tbody>
|
||||||
{{range .Agents}}
|
{{range .Agents}}
|
||||||
<tr>
|
<tr>
|
||||||
<td><span class="dot {{if .Online}}on{{else}}off{{end}}"></span>{{if .Online}}online{{else}}offline{{end}}</td>
|
<td class="nowrap"><span class="dot {{if .Online}}on{{else}}off{{end}}"></span>{{if .Online}}online{{else}}offline{{end}}</td>
|
||||||
<td>{{.Name}}</td>
|
<td>{{.Name}}</td>
|
||||||
<td class="muted">{{.Hostname}}</td>
|
<td class="muted">{{.Hostname}}</td>
|
||||||
<td class="muted">{{.OS}}/{{.Arch}}</td>
|
<td class="muted nowrap">{{.OS}}/{{.Arch}}</td>
|
||||||
<td class="muted">{{.Seen}}</td>
|
<td class="muted nowrap">{{.Seen}}</td>
|
||||||
<td>
|
<td class="actions">
|
||||||
<div class="row" style="gap:6px">
|
<div class="row" style="gap:6px">
|
||||||
<a class="btn small" href="/agents/{{.ID}}/terminal">Терминал</a>
|
<a class="btn small" href="/agents/{{.ID}}/terminal">Терминал</a>
|
||||||
<a class="btn ghost small" href="/agents/{{.ID}}/files">Файлы</a>
|
<a class="btn ghost small" href="/agents/{{.ID}}/files">Файлы</a>
|
||||||
|
|||||||
Reference in new issue
Block a user