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

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

Browse Source
This commit is contained in:
Dmitriy Petrov
2026-07-12 12:09:31 +03:00
parent ef33ad9c84
commit 5e33360c92
3 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/web/styles.css
View File

@@ -430,31 +430,33 @@ p {
.harbor-mode-stack em {
position: absolute;
inset: 0 auto auto 0;
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);
transition: color 420ms ease, opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}
.harbor-brand .harbor-mode-connect {
z-index: 2;
color: var(--harbor-connect);
clip-path: inset(-0.2em -0.3em);
animation: harbor-mode-ambient-front 10s ease-in-out infinite;
}
.harbor-brand .harbor-mode-gateway {
z-index: 1;
color: var(--harbor-gateway);
opacity: 0;
filter: blur(5px);
clip-path: inset(-0.2em 100% -0.2em 0);
opacity: 0.2;
filter: blur(0.4px);
transform: translate(0.42em, 0.34em) scale(0.96);
animation: harbor-mode-ambient-back 10s ease-in-out infinite;
}
.harbor-mode-gateway > span {
display: block;
animation: harbor-mode-discovered 820ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.harbor-brand.is-gateway-active .harbor-mode-connect {
z-index: 1;
opacity: 0;
filter: blur(5px);
clip-path: inset(-0.2em 0 -0.2em 100%);
opacity: 0.18;
filter: blur(0.4px);
transform: translate(0.42em, 0.34em) scale(0.96);
}
@@ -462,10 +464,17 @@ p {
z-index: 2;
opacity: 1;
filter: none;
clip-path: inset(-0.2em -0.3em);
transform: none;
}
@keyframes harbor-mode-discovered {
from {
opacity: 0;
filter: blur(5px);
clip-path: inset(0 100% 0 0);
}
}
.harbor-brand.is-gateway-active .harbor-mode-connect {
animation-name: harbor-mode-ambient-back;
}
@@ -3086,6 +3095,7 @@ p {
}
.harbor-mode-stack em,
.harbor-mode-gateway > span,
.harbor-mode-swap g,
.harbor-mode-swap path,
.harbor-brand .harbor-mode-swap,