From fa162b2b577ee566f7fa8cdda3a3ef22d5def3e5 Mon Sep 17 00:00:00 2001 From: JSR Date: Sat, 18 Jul 2026 09:23:39 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8A=A0=E5=BF=AB=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E5=BC=B9=E7=AA=97=E8=BF=87=E6=B8=A1=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/main.css | 10 +++++----- src/components/Home.tsx | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/assets/main.css b/src/assets/main.css index d4c93a0..8748d2e 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -307,12 +307,12 @@ html.platform-macos body { .ss-home-operation-morph-modal.ss-operation-morph-active .ant-modal-container, .ss-home-operation-morph-modal.ss-operation-morph-active .ant-modal-content { - animation: ss-operation-shell-in 620ms cubic-bezier(0.2, 0, 0, 1) both; + animation: ss-operation-shell-in 480ms cubic-bezier(0.2, 0, 0, 1) both; } .ss-home-operation-morph-modal.ss-operation-morph-closing .ant-modal-container, .ss-home-operation-morph-modal.ss-operation-morph-closing .ant-modal-content { - animation: ss-operation-shell-out 460ms cubic-bezier(0.4, 0, 0.2, 1) both; + animation: ss-operation-shell-out 360ms cubic-bezier(0.4, 0, 0.2, 1) both; } @keyframes ss-operation-shell-in { @@ -345,13 +345,13 @@ html.platform-macos body { .ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-score-label, .ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-close { - animation: ss-operation-meta-in 360ms 230ms cubic-bezier(0.2, 0, 0, 1) both; + animation: ss-operation-meta-in 260ms 160ms cubic-bezier(0.2, 0, 0, 1) both; } .ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-quick-buttons, .ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-divider, .ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-reasons { - animation: ss-operation-body-in 400ms 300ms cubic-bezier(0.2, 0, 0, 1) both; + animation: ss-operation-body-in 300ms 150ms cubic-bezier(0.2, 0, 0, 1) both; } .ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-score-label, @@ -359,7 +359,7 @@ html.platform-macos body { .ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-quick-buttons, .ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-divider, .ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-reasons { - animation: ss-operation-content-out 180ms cubic-bezier(0.4, 0, 1, 1) both; + animation: ss-operation-content-out 140ms cubic-bezier(0.4, 0, 1, 1) both; } .ss-home-operation-morph-modal.ss-operation-morph-active .ant-modal-body, diff --git a/src/components/Home.tsx b/src/components/Home.tsx index 1e551e0..55b20a5 100644 --- a/src/components/Home.tsx +++ b/src/components/Home.tsx @@ -200,8 +200,8 @@ export const Home: React.FC = ({ const operationCloseTokenRef = useRef(0) const operationModalRootClass = "ss-home-operation-morph-root" const operationModalClass = "ss-home-operation-morph-modal" - const operationMorphOpenDuration = 620 - const operationMorphCloseDuration = 460 + const operationMorphOpenDuration = 480 + const operationMorphCloseDuration = 360 const operationMorphEasing = "cubic-bezier(0.2, 0, 0, 1)" const operationMorphCloseEasing = "cubic-bezier(0.4, 0, 0.2, 1)"