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 arrow 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:38:50 +03:00
parent 1fe13703eb
commit ba1e53a824
2 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/web/styles.css
View File

@@ -529,14 +529,29 @@ p {
stroke-width: 1.35;
transform: translateY(-50%);
transition: color 320ms ease, opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
animation: harbor-mode-arrows-discovered 260ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes harbor-mode-arrows-discovered {
.harbor-mode-swap .is-connect {
animation: harbor-mode-arrow-right-discovered 300ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.harbor-mode-swap .is-gateway {
animation: harbor-mode-arrow-left-discovered 300ms 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes harbor-mode-arrow-right-discovered {
from {
opacity: 0;
filter: blur(3px);
transform: translateY(-50%) scale(0.72);
filter: blur(2px);
transform: translateX(-12px);
}
}
@keyframes harbor-mode-arrow-left-discovered {
from {
opacity: 0;
filter: blur(2px);
transform: translateX(12px);
}
}