From 828d4e4fb822ec2925c8a625bc5bf326c3425964 Mon Sep 17 00:00:00 2001 From: Adam Malczewski Date: Mon, 7 Sep 2026 17:36:16 +0900 Subject: feat(workspaces): FLIP reflow eases OUT — fast start, decelerating arrival MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The tile-organization animation used power2.inOut (eases INTO the motion too). Switch to power3.out so the sweep starts fast and settles slowly into the destination — the Windows-8-style snap-to-place feel. Verification: svelte-check 0 errors/0 warnings; vitest 1689/1689; build ok. --- src/features/workspaces/ui/HomeTileGrid.svelte | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/features/workspaces') diff --git a/src/features/workspaces/ui/HomeTileGrid.svelte b/src/features/workspaces/ui/HomeTileGrid.svelte index f50d902..1ec31e5 100644 --- a/src/features/workspaces/ui/HomeTileGrid.svelte +++ b/src/features/workspaces/ui/HomeTileGrid.svelte @@ -286,7 +286,9 @@ if (!state) return; Flip.from(state, { duration: 0.25, - ease: "power2.inOut", + // Fast start, decelerating arrival — the reflow sweeps out and settles + // into the destination (an inOut curve would ease INTO the motion too). + ease: "power3.out", nested: true, onEnter: (elements) => gsap.fromTo(elements, { opacity: 0 }, { opacity: 1, duration: 0.2 }), }); -- cgit v1.2.3