Bump Harbor client versions and tighten gateway mode animation
This commit is contained in:
@@ -450,7 +450,7 @@ p {
|
||||
|
||||
.harbor-mode-gateway > span {
|
||||
display: block;
|
||||
animation: harbor-mode-discovered 820ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||
animation: harbor-mode-discovered 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||
}
|
||||
|
||||
.harbor-brand.is-gateway-active .harbor-mode-connect {
|
||||
@@ -470,8 +470,8 @@ p {
|
||||
@keyframes harbor-mode-discovered {
|
||||
from {
|
||||
opacity: 0;
|
||||
filter: blur(5px);
|
||||
clip-path: inset(0 100% 0 0);
|
||||
filter: blur(3px);
|
||||
transform: translateX(-4.8em);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -529,6 +529,15 @@ 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 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||
}
|
||||
|
||||
@keyframes harbor-mode-arrows-discovered {
|
||||
from {
|
||||
opacity: 0;
|
||||
filter: blur(3px);
|
||||
transform: translate(-48px, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.harbor-mode-swap g,
|
||||
|
||||
Reference in New Issue
Block a user