bigger logo
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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");
|
||||||
|
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user