UI fix

internal/dashboard/templates/ip_detail.html

@@ -3,23 +3,28 @@
 <html lang="ru">
 <head>{{template "html_head" .}}</head>
 <body>
-{{template "page_header" .}}
-<main class="container-fluid py-3">
+<input type="checkbox" id="nav-toggle" class="nav-toggle">
+<div class="shell">
+{{template "sidebar_nav" .}}
+<div>
+{{template "topbar_mobile" .}}
+<main class="main">
 <div id="error-banner">{{template "banner_inner" .Banner}}</div>
 {{template "ip_detail_content" .}}
 </main>
+</div>
+</div>
 </body>
 </html>
 {{end}}
 
 {{define "ip_detail_content"}}
 <p><a href="/ips">&larr; К очереди</a></p>
-<h1 class="d-flex align-items-center gap-2">
-{{.Detail.IP.IPAddress}}
 {{$b := ipBadge .Detail.IP.State .Detail.IP.OverallResult}}
-<span class="{{$b.Class}} fs-6">{{$b.Label}}</span>
-</h1>
-<p class="muted mb-1">
+<div class="topbar">
+<h1 class="mono" style="display:flex;align-items:center;gap:10px">{{.Detail.IP.IPAddress}} <span class="pill {{$b.Class}}">{{$b.Label}}</span></h1>
+</div>
+<p class="muted">
 попытка {{.Detail.IP.AttemptNumber}} (повторов: {{.Detail.IP.RetryCount}})
 · валидатор {{deref .Detail.IP.OwnerValidatorID}}
 </p>
@@ -28,35 +33,39 @@
 агрегирован: {{fmtTime .Detail.IP.AggregatedAt}} · FIP освобождён: {{fmtTime .Detail.IP.FIPReleasedAt}}
 </p>
 
-<h2>Проверки (попытка {{.Detail.IP.AttemptNumber}})</h2>
+<h2 class="section-title">Проверки (попытка {{.Detail.IP.AttemptNumber}})</h2>
 {{if .Detail.Checks}}
-<div class="table-responsive">
-<table class="table table-sm table-striped align-middle">
+<div class="panel">
+<div class="table-scroll">
+<table>
 <thead><tr><th>Источник</th><th>Тип</th><th>Цель</th><th>Успех</th><th>Задержка, мс</th><th>Время</th><th>Детали</th></tr></thead>
 <tbody>
 {{range .Detail.Checks}}
 <tr>
-<td>{{.Source}}</td><td>{{.CheckType}}</td><td>{{.Target}}</td>
-<td>{{if .Success}}<span class="badge bg-success">ok</span>{{else}}<span class="badge bg-danger">fail</span>{{end}}</td>
-<td>{{.LatencyMS}}</td><td>{{fmtTime .CheckedAt}}</td><td>{{.Detail}}</td>
+<td data-label="Источник">{{.Source}}</td><td data-label="Тип">{{.CheckType}}</td><td class="addr" data-label="Цель">{{.Target}}</td>
+<td data-label="Успех">{{if .Success}}<span class="pill pill-success">ok</span>{{else}}<span class="pill pill-danger">fail</span>{{end}}</td>
+<td class="num" data-label="Задержка, мс">{{.LatencyMS}}</td><td class="num" data-label="Время">{{fmtTime .CheckedAt}}</td><td data-label="Детали">{{.Detail}}</td>
 </tr>
 {{end}}
 </tbody>
 </table>
 </div>
+</div>
 {{else}}<p class="muted">Проверок пока нет.</p>{{end}}
 
-<h2>События</h2>
+<h2 class="section-title">События</h2>
 {{if .Detail.Events}}
-<div class="table-responsive">
-<table class="table table-sm table-striped align-middle">
+<div class="panel">
+<div class="table-scroll">
+<table>
 <thead><tr><th>Время</th><th>Тип</th><th>Источник</th><th>Данные</th></tr></thead>
 <tbody>
 {{range .Detail.Events}}
-<tr><td>{{fmtTime .OccurredAt}}</td><td>{{.EventType}}</td><td>{{.SourceType}} {{.SourceID}}</td><td>{{.Payload}}</td></tr>
+<tr><td class="num" data-label="Время">{{fmtTime .OccurredAt}}</td><td data-label="Тип">{{.EventType}}</td><td data-label="Источник">{{.SourceType}} {{.SourceID}}</td><td data-label="Данные">{{.Payload}}</td></tr>
 {{end}}
 </tbody>
 </table>
 </div>
+</div>
 {{else}}<p class="muted">Событий нет.</p>{{end}}
 {{end}}