Opacity for controls

This commit is contained in:
Dan Abramov
2024-11-02 01:28:18 +00:00
parent dcf72ae381
commit 58e261676b
+2 -2
View File
@@ -73,7 +73,7 @@ function ImageViewing({
const show = showControls && dismissSwipeTranslateY.value === 0
return {
pointerEvents: show ? 'auto' : 'none',
opacity: withClampedSpring(show && openProgress.value > 0 ? 1 : 0),
opacity: withClampedSpring(show && openProgress.value === 1 ? 1 : 0),
transform: [
{
translateY: withClampedSpring(show ? 0 : -30),
@@ -85,7 +85,7 @@ function ImageViewing({
const show = showControls && dismissSwipeTranslateY.value === 0
return {
pointerEvents: show ? 'auto' : 'none',
opacity: withClampedSpring(show && openProgress.value > 0 ? 1 : 0),
opacity: withClampedSpring(show && openProgress.value === 1 ? 1 : 0),
transform: [
{
translateY: withClampedSpring(show ? 0 : 30),