Bump Harbor versions and refine mode swap arrow 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.4',
|
macClient: '0.7.5',
|
||||||
gatewayClient: '0.7.4',
|
gatewayClient: '0.7.5',
|
||||||
gatewayBackend: '0.7.0',
|
gatewayBackend: '0.7.0',
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -529,14 +529,29 @@ 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 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 {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
filter: blur(3px);
|
filter: blur(2px);
|
||||||
transform: translateY(-50%) scale(0.72);
|
transform: translateX(-12px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes harbor-mode-arrow-left-discovered {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
filter: blur(2px);
|
||||||
|
transform: translateX(12px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user