Bump Harbor client versions and tighten gateway mode animation
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
export const HARBOR_VERSIONS = Object.freeze({
|
export const HARBOR_VERSIONS = Object.freeze({
|
||||||
macClient: '0.7.2',
|
macClient: '0.7.3',
|
||||||
gatewayClient: '0.7.2',
|
gatewayClient: '0.7.3',
|
||||||
gatewayBackend: '0.7.0',
|
gatewayBackend: '0.7.0',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -450,7 +450,7 @@ p {
|
|||||||
|
|
||||||
.harbor-mode-gateway > span {
|
.harbor-mode-gateway > span {
|
||||||
display: block;
|
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 {
|
.harbor-brand.is-gateway-active .harbor-mode-connect {
|
||||||
@@ -470,8 +470,8 @@ p {
|
|||||||
@keyframes harbor-mode-discovered {
|
@keyframes harbor-mode-discovered {
|
||||||
from {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
filter: blur(5px);
|
filter: blur(3px);
|
||||||
clip-path: inset(0 100% 0 0);
|
transform: translateX(-4.8em);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -529,6 +529,15 @@ p {
|
|||||||
stroke-width: 1.35;
|
stroke-width: 1.35;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
transition: color 320ms ease, opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
|
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,
|
.harbor-mode-swap g,
|
||||||
|
|||||||
Reference in New Issue
Block a user