From ba1e53a82412d5a1f796b552be37b00980e1e406 Mon Sep 17 00:00:00 2001 From: Dmitriy Petrov Date: Sun, 12 Jul 2026 12:38:50 +0300 Subject: [PATCH] Bump Harbor versions and refine mode swap arrow animation --- src/shared/versions.js | 4 ++-- src/web/styles.css | 23 +++++++++++++++++++---- 2 files changed, 21 insertions(+), 6 deletions(-) diff --git a/src/shared/versions.js b/src/shared/versions.js index 32ce2ac..7f167a2 100644 --- a/src/shared/versions.js +++ b/src/shared/versions.js @@ -1,6 +1,6 @@ export const HARBOR_VERSIONS = Object.freeze({ - macClient: '0.7.4', - gatewayClient: '0.7.4', + macClient: '0.7.5', + gatewayClient: '0.7.5', gatewayBackend: '0.7.0', }); diff --git a/src/web/styles.css b/src/web/styles.css index b876ca1..f5d4e08 100644 --- a/src/web/styles.css +++ b/src/web/styles.css @@ -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); } }