Sovran_Systems/Sovran_SystemsOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bigger logo

Browse Source
This commit is contained in:
naturallaw77
2026-04-04 18:48:46 -05:00
parent 9483f7c27a
commit 2f30112c66
2 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/sovran_systemsos_web/static/css/header.css
View File

@@ -3,37 +3,39 @@
.header-bar { .header-bar {
background-color: var(--surface-color); background-color: var(--surface-color);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
padding: 20px 24px; padding: 16px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
justify-content: flex-end; justify-content: center;
} }
.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);
position: absolute;
left: 0;
right: 0;
text-align: center;
pointer-events: none;
white-space: nowrap;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
flex: 1;
}
.header-bar .header-right {
display: flex;
align-items: center;
gap: 16px;
position: absolute;
right: 24px;
} }
.header-logo { .header-logo {
height: 120px; height: 130px;
width: auto; width: auto;
display: block; display: block;
margin: 0 auto;
} }
.role-badge { .role-badge {

16
app/sovran_systemsos_web/templates/index.html
View File

@@ -18,18 +18,20 @@
<body> <body>
<!-- Header bar --> <!-- Header bar -->
<header class="header-bar"> <header class="header-bar">
<span class="title"> <span class="title">
<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 Sovran_SystemsOS Hub
</span> </span>
<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> <button class="btn-icon" id="btn-refresh" title="Refresh service status">↺</button>
</header> </div>
</header>
<!-- IP bar --> <!-- IP bar -->
<div class="ip-bar"> <div class="ip-bar">
@@ -202,4 +204,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>