dokril/harbor-net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Bump Harbor client versions and refine brand mode transition
All checks were successful
Build and Deploy Gateway / build-and-push (push) Successful in 21s
Details
Build and Deploy Gateway / deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Dmitriy Petrov
2026-07-12 12:04:00 +03:00
parent 267afc5c7e
commit ef33ad9c84
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/versions.js
View File

@@ -1,6 +1,6 @@
export const HARBOR_VERSIONS = Object.freeze({ export const HARBOR_VERSIONS = Object.freeze({
macClient: '0.7.0', macClient: '0.7.1',
gatewayClient: '0.7.0', gatewayClient: '0.7.1',
gatewayBackend: '0.7.0', gatewayBackend: '0.7.0',
}); });

14
src/web/styles.css
View File

@@ -430,28 +430,31 @@ p {
.harbor-mode-stack em { .harbor-mode-stack em {
position: absolute; position: absolute;
inset: 0 auto auto 0; inset: 0 auto auto 0;
transition: color 420ms ease, opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1); transition: color 420ms ease, opacity 420ms ease, filter 620ms cubic-bezier(0.16, 1, 0.3, 1), clip-path 720ms cubic-bezier(0.16, 1, 0.3, 1), transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
} }
.harbor-brand .harbor-mode-connect { .harbor-brand .harbor-mode-connect {
z-index: 2; z-index: 2;
color: var(--harbor-connect); color: var(--harbor-connect);
clip-path: inset(-0.2em -0.3em);
animation: harbor-mode-ambient-front 10s ease-in-out infinite; animation: harbor-mode-ambient-front 10s ease-in-out infinite;
} }
.harbor-brand .harbor-mode-gateway { .harbor-brand .harbor-mode-gateway {
z-index: 1; z-index: 1;
color: var(--harbor-gateway); color: var(--harbor-gateway);
opacity: 0.2; opacity: 0;
filter: blur(0.4px); filter: blur(5px);
clip-path: inset(-0.2em 100% -0.2em 0);
transform: translate(0.42em, 0.34em) scale(0.96); transform: translate(0.42em, 0.34em) scale(0.96);
animation: harbor-mode-ambient-back 10s ease-in-out infinite; animation: harbor-mode-ambient-back 10s ease-in-out infinite;
} }
.harbor-brand.is-gateway-active .harbor-mode-connect { .harbor-brand.is-gateway-active .harbor-mode-connect {
z-index: 1; z-index: 1;
opacity: 0.18; opacity: 0;
filter: blur(0.4px); filter: blur(5px);
clip-path: inset(-0.2em 0 -0.2em 100%);
transform: translate(0.42em, 0.34em) scale(0.96); transform: translate(0.42em, 0.34em) scale(0.96);
} }
@@ -459,6 +462,7 @@ p {
z-index: 2; z-index: 2;
opacity: 1; opacity: 1;
filter: none; filter: none;
clip-path: inset(-0.2em -0.3em);
transform: none; transform: none;
} }