bigger logo

This commit is contained in:
2026-04-04 18:55:16 -05:00
parent 2f30112c66
commit 25a84b8758
4 changed files with 30 additions and 30 deletions

View File

@@ -6,30 +6,33 @@
padding: 16px 24px; padding: 16px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; justify-content: center;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
justify-content: center; }
.header-center {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
} }
.header-bar .title { .header-bar .title {
font-size: 1.15rem; font-size: 1.15rem;
font-weight: 700; font-weight: 700;
color: var(--text-primary); color: var(--text-primary);
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
flex: 1;
} }
.header-bar .header-right { .header-right {
display: flex;
align-items: center;
gap: 16px;
position: absolute; position: absolute;
right: 24px; right: 24px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 10px;
} }
.header-logo { .header-logo {

View File

@@ -3,7 +3,6 @@
// ── Event listeners ─────────────────────────────────────────────── // ── Event listeners ───────────────────────────────────────────────
if ($updateBtn) $updateBtn.addEventListener("click", openUpdateModal); if ($updateBtn) $updateBtn.addEventListener("click", openUpdateModal);
if ($refreshBtn) $refreshBtn.addEventListener("click", function() { refreshServices(); });
if ($btnCloseModal) $btnCloseModal.addEventListener("click", closeUpdateModal); if ($btnCloseModal) $btnCloseModal.addEventListener("click", closeUpdateModal);
if ($btnReboot) $btnReboot.addEventListener("click", doReboot); if ($btnReboot) $btnReboot.addEventListener("click", doReboot);
if ($btnSave) $btnSave.addEventListener("click", saveErrorReport); if ($btnSave) $btnSave.addEventListener("click", saveErrorReport);
@@ -77,4 +76,4 @@ async function init() {
} }
} }
document.addEventListener("DOMContentLoaded", init); document.addEventListener("DOMContentLoaded", init);

View File

@@ -33,7 +33,6 @@ const $sidebarSupport = document.getElementById("sidebar-support");
const $sidebarFeatures = document.getElementById("sidebar-features"); const $sidebarFeatures = document.getElementById("sidebar-features");
const $updateBtn = document.getElementById("btn-update"); const $updateBtn = document.getElementById("btn-update");
const $updateBadge = document.getElementById("update-badge"); const $updateBadge = document.getElementById("update-badge");
const $refreshBtn = document.getElementById("btn-refresh");
const $internalIp = document.getElementById("ip-internal"); const $internalIp = document.getElementById("ip-internal");
const $externalIp = document.getElementById("ip-external"); const $externalIp = document.getElementById("ip-external");
@@ -91,4 +90,4 @@ const $portReqBody = document.getElementById("port-req-body");
const $portReqClose = document.getElementById("port-req-close-btn"); const $portReqClose = document.getElementById("port-req-close-btn");
// System status banner // System status banner
// (removed — health is now shown per-tile via the composite health field) // (removed — health is now shown per-tile via the composite health field)

View File

@@ -18,20 +18,19 @@
<body> <body>
<!-- Header bar --> <!-- Header bar -->
<header class="header-bar"> <header class="header-bar">
<span class="title"> <div class="header-center">
<img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" /> <img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
Sovran_SystemsOS Hub <span class="title">Sovran_SystemsOS Hub</span>
</span> </div>
<div class="header-right"> <div class="header-right">
<span class="role-badge" id="role-badge">Loading…</span> <span class="role-badge" id="role-badge">Loading…</span>
<button class="btn btn-update" id="btn-update" title="Run system update"> <button class="btn btn-update" id="btn-update" title="Run system update">
<span class="update-badge" id="update-badge"></span> <span class="update-badge" id="update-badge"></span>
Update System Update System
</button> </button>
<button class="btn-icon" id="btn-refresh" title="Refresh service status"></button> </div>
</div> </header>
</header>
<!-- IP bar --> <!-- IP bar -->
<div class="ip-bar"> <div class="ip-bar">
@@ -204,4 +203,4 @@
<script src="/static/js/features.js"></script> <script src="/static/js/features.js"></script>
<script src="/static/js/events.js"></script> <script src="/static/js/events.js"></script>
</body> </body>
</html> </html>