bigger logo
This commit is contained in:
@@ -6,30 +6,33 @@
|
||||
padding: 16px 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
justify-content: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header-center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.header-bar .title {
|
||||
font-size: 1.15rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.header-bar .header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
.header-right {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
|
||||
@@ -3,7 +3,6 @@
|
||||
// ── Event listeners ───────────────────────────────────────────────
|
||||
|
||||
if ($updateBtn) $updateBtn.addEventListener("click", openUpdateModal);
|
||||
if ($refreshBtn) $refreshBtn.addEventListener("click", function() { refreshServices(); });
|
||||
if ($btnCloseModal) $btnCloseModal.addEventListener("click", closeUpdateModal);
|
||||
if ($btnReboot) $btnReboot.addEventListener("click", doReboot);
|
||||
if ($btnSave) $btnSave.addEventListener("click", saveErrorReport);
|
||||
|
||||
@@ -33,7 +33,6 @@ const $sidebarSupport = document.getElementById("sidebar-support");
|
||||
const $sidebarFeatures = document.getElementById("sidebar-features");
|
||||
const $updateBtn = document.getElementById("btn-update");
|
||||
const $updateBadge = document.getElementById("update-badge");
|
||||
const $refreshBtn = document.getElementById("btn-refresh");
|
||||
const $internalIp = document.getElementById("ip-internal");
|
||||
const $externalIp = document.getElementById("ip-external");
|
||||
|
||||
|
||||
@@ -18,20 +18,19 @@
|
||||
<body>
|
||||
|
||||
<!-- Header bar -->
|
||||
<header class="header-bar">
|
||||
<span class="title">
|
||||
<img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
|
||||
Sovran_SystemsOS Hub
|
||||
</span>
|
||||
<div class="header-right">
|
||||
<span class="role-badge" id="role-badge">Loading…</span>
|
||||
<button class="btn btn-update" id="btn-update" title="Run system update">
|
||||
<span class="update-badge" id="update-badge"></span>
|
||||
Update System
|
||||
</button>
|
||||
<button class="btn-icon" id="btn-refresh" title="Refresh service status">↺</button>
|
||||
</div>
|
||||
</header>
|
||||
<header class="header-bar">
|
||||
<div class="header-center">
|
||||
<img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
|
||||
<span class="title">Sovran_SystemsOS Hub</span>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<span class="role-badge" id="role-badge">Loading…</span>
|
||||
<button class="btn btn-update" id="btn-update" title="Run system update">
|
||||
<span class="update-badge" id="update-badge"></span>
|
||||
Update System
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- IP bar -->
|
||||
<div class="ip-bar">
|
||||
|
||||
Reference in New Issue
Block a user