style: full-width service status card, inline status items

This commit is contained in:
tian 2026-05-06 16:22:03 +08:00
parent 3ddffdc8f4
commit 4a66c999b0

View File

@ -1,15 +1,13 @@
{{define "system"}}
<div class="detail-grid">
<div class="card">
<h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
<div class="info-list compact-list">
<div><span>管理后台</span><strong id="svc-status">检测中…</strong></div>
<div><span>接口文档</span><strong id="api-status">检测中…</strong></div>
</div>
<div class="actions" style="margin-top:12px">
<button class="btn ghost" type="button" id="btn-refresh">刷新</button>
</div>
<div class="card">
<h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
<div style="display:flex;gap:32px;margin-top:12px">
<div><span class="muted small">管理后台</span> <strong id="svc-status">检测中…</strong></div>
<div><span class="muted small">接口状态</span> <strong id="api-status">检测中…</strong></div>
</div>
<div class="actions" style="margin-top:12px">
<button class="btn ghost" type="button" id="btn-refresh">刷新</button>
</div>
</div>