feat(handle): reduce box-shadow spread and increase box-shadow opacit…

…y to make handle easier to see on bright backdrops
nerdyman · Oct 21, 2023 · 9331c2e · 9331c2e
1 parent 732ce0b
commit 9331c2e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/lib/src/ReactCompareSliderHandle.tsx b/lib/src/ReactCompareSliderHandle.tsx
@@ -61,7 +61,7 @@ export const ReactCompareSliderHandle: FC<
     width: portrait ? '100%' : 2,
     backgroundColor: 'currentColor',
     pointerEvents: 'auto',
-    boxShadow: '0 0 7px rgba(0,0,0,.5)',
+    boxShadow: '0 0 4px rgba(0,0,0,.5)',
     ...linesStyle,
   };
 
@@ -80,7 +80,7 @@ export const ReactCompareSliderHandle: FC<
     backdropFilter: 'blur(7px)',
     WebkitBackdropFilter: 'blur(7px)', // For Safari.
     backgroundColor: 'rgba(0, 0, 0, 0.125)',
-    boxShadow: '0 0 7px rgba(0,0,0,.35)',
+    boxShadow: '0 0 4px rgba(0,0,0,.35)',
     transform: portrait ? 'rotate(90deg)' : undefined,
     ...buttonStyle,
   };