Refresh Harbor Gateway branding assets and accent styling
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link id="harbor-favicon" rel="icon" href="/harbor-connect.svg" type="image/svg+xml" />
|
||||
<link id="harbor-favicon" rel="icon" href="/harbor-connect.svg?v=2" type="image/svg+xml" sizes="any" />
|
||||
<title>Harbor</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -35,8 +35,8 @@ function App() {
|
||||
const isGateway = state.mode === 'gateway';
|
||||
document.title = isGateway ? 'Harbor Gateway' : 'Harbor Connect';
|
||||
document.getElementById('harbor-favicon').href = isGateway
|
||||
? '/harbor-gateway.svg'
|
||||
: '/harbor-connect.svg';
|
||||
? '/harbor-gateway.svg?v=2'
|
||||
: '/harbor-connect.svg?v=2';
|
||||
}, [state?.mode]);
|
||||
|
||||
async function run(action) {
|
||||
@@ -87,7 +87,7 @@ function App() {
|
||||
if (!state) return <div className="app-loading">Harbor</div>;
|
||||
|
||||
return (
|
||||
<div className="app client-app">
|
||||
<div className={`app client-app${state.mode === 'gateway' ? ' is-gateway-app' : ''}`}>
|
||||
<div className="app-body client-mode">
|
||||
<main className="app-main">
|
||||
<ClientOverviewPage
|
||||
|
||||
@@ -68,6 +68,10 @@ p {
|
||||
background: var(--client-bg);
|
||||
}
|
||||
|
||||
.app.client-app.is-gateway-app {
|
||||
--client-accent: var(--harbor-gateway);
|
||||
}
|
||||
|
||||
.app-body.client-mode {
|
||||
min-height: 100vh;
|
||||
background: var(--client-bg);
|
||||
@@ -180,6 +184,10 @@ p {
|
||||
stroke: var(--harbor-gateway);
|
||||
}
|
||||
|
||||
.harbor-brand.is-gateway .harbor-anchor-left {
|
||||
stroke: var(--harbor-gateway);
|
||||
}
|
||||
|
||||
.harbor-brand strong {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user