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

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

Browse Source
This commit is contained in:
Dmitriy Petrov
2026-07-12 12:42:35 +03:00
parent ba1e53a824
commit c40f465708
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/web/styles.css
View File

@@ -559,12 +559,13 @@ p {
.harbor-mode-swap path {
transform-box: fill-box;
transform-origin: center;
transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
transition: opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}
.harbor-mode-swap .is-connect {
opacity: 1;
stroke: var(--harbor-connect);
transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
transition: opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}
.harbor-mode-swap .is-connect path {
@@ -572,8 +573,10 @@ p {
}
.harbor-mode-swap .is-gateway {
opacity: 0.28;
filter: blur(0.45px);
stroke: var(--harbor-gateway);
transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
transition: opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
}
.harbor-mode-swap .is-gateway path {
@@ -581,11 +584,15 @@ p {
}
.harbor-brand.is-gateway-active .harbor-mode-swap .is-connect {
transform: translateY(6px);
opacity: 0.28;
filter: blur(0.45px);
transform: translateY(6px) rotate(180deg);
}
.harbor-brand.is-gateway-active .harbor-mode-swap .is-gateway {
transform: translateY(-6px);
opacity: 1;
filter: none;
transform: translateY(-6px) rotate(180deg);
}
.harbor-mode-tooltip {