glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ControlsWrapper): slight tweak in styles

Browse Source
This commit is contained in:
Ilia Mashkov
2026-01-22 15:34:14 +03:00
parent e4970e43ba
commit 52111ee941
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/widgets/ComparisonSlider/ui/ComparisonSlider/components/ControlsWrapper.svelte
View File

@@ -171,7 +171,7 @@ $effect(() => {
'animate-nudge relative transition-all', 'animate-nudge relative transition-all',
side === 'left' ? 'order-2' : 'order-0', side === 'left' ? 'order-2' : 'order-0',
isActive ? 'opacity-0' : 'opacity-100', isActive ? 'opacity-0' : 'opacity-100',
isDragging && 'opacity-40 grayscale-[0.2]', isDragging && 'opacity-80 grayscale-[0.2]',
)} )}
> >
<AArrowUP class={cn('size-3', 'stroke-indigo-600')} /> <AArrowUP class={cn('size-3', 'stroke-indigo-600')} />
@@ -183,7 +183,7 @@ $effect(() => {
isActive isActive
? 'bg-white/95 border-indigo-400/40 shadow-[0_30px_70px_-10px_rgba(99,102,241,0.25)]' ? 'bg-white/95 border-indigo-400/40 shadow-[0_30px_70px_-10px_rgba(99,102,241,0.25)]'
: ' bg-white/25 border-white/40 shadow-[0_12px_40px_-12px_rgba(0,0,0,0.12)]', : ' bg-white/25 border-white/40 shadow-[0_12px_40px_-12px_rgba(0,0,0,0.12)]',
isDragging && 'opacity-40 grayscale-[0.2]', isDragging && 'opacity-80 grayscale-[0.2]',
)} )}
style:backdrop-filter="blur(24px)" style:backdrop-filter="blur(24px)"
> >