From f0c0a9de453dd44247bac7a9aa51c3cc415dac3f Mon Sep 17 00:00:00 2001 From: Ilia Mashkov Date: Fri, 30 Jan 2026 17:43:19 +0300 Subject: [PATCH] feat(ComparisonSlider): move in/out animation to Section component --- .../ui/ComparisonSlider/ComparisonSlider.svelte | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte index abaebb3..ecd242c 100644 --- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte +++ b/src/widgets/ComparisonSlider/ui/ComparisonSlider/ComparisonSlider.svelte @@ -16,9 +16,7 @@ import { createTypographyControl, } from '$shared/lib'; import type { LineData } from '$shared/lib'; -import { cubicOut } from 'svelte/easing'; import { Spring } from 'svelte/motion'; -import { fly } from 'svelte/transition'; import CharacterSlot from './components/CharacterSlot.svelte'; import ControlsWrapper from './components/ControlsWrapper.svelte'; import Labels from './components/Labels.svelte'; @@ -180,7 +178,7 @@ $effect(() => { aria-label="Font comparison slider" onpointerdown={startDragging} class=" - group relative w-full py-16 px-0 sm:py-24 sm:px-0 overflow-hidden + group relative w-full py-16 px-24 sm:py-24 sm:px-24 overflow-hidden rounded-[2.5rem] select-none touch-none cursor-ew-resize min-h-100 flex flex-col justify-center backdrop-blur-lg bg-gradient-to-br from-gray-100/70 via-white/50 to-gray-100/60 @@ -190,7 +188,6 @@ $effect(() => { before:bg-gradient-to-br before:from-black/5 before:via-black/2 before:to-transparent before:-z-10 before:blur-sm " - in:fly={{ y: 0, x: -50, duration: 300, easing: cubicOut, opacity: 0.2 }} >