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