bigger logo

This commit is contained in:
2026-04-04 18:58:17 -05:00
parent 25a84b8758
commit 369b63097e
2 changed files with 10 additions and 22 deletions

View File

@@ -5,18 +5,18 @@
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
padding: 16px 24px; padding: 16px 24px;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; gap: 8px;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
} }
.header-center { .header-logo {
display: flex; height: 140px;
flex-direction: column; width: auto;
align-items: center; display: block;
gap: 6px;
} }
.header-bar .title { .header-bar .title {
@@ -25,22 +25,12 @@
color: var(--text-primary); color: var(--text-primary);
} }
.header-right { .header-buttons {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
} }
.header-logo {
height: 130px;
width: auto;
display: block;
}
.role-badge { .role-badge {
background-color: var(--accent-color); background-color: var(--accent-color);
color: #1e1e2e; color: #1e1e2e;

View File

@@ -19,11 +19,9 @@
<!-- Header bar --> <!-- Header bar -->
<header class="header-bar"> <header class="header-bar">
<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" />
<span class="title">Sovran_SystemsOS Hub</span> <span class="title">Sovran_SystemsOS Hub</span>
</div> <div class="header-buttons">
<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>