*

2 files changed, 17 insertions, 1 deletions

diff --git a/js/leibovitz/index.html b/js/leibovitz/index.html
index 997760f..986485c 100644
--- a/js/leibovitz/index.html
+++ b/js/leibovitz/index.html
@@ -61,7 +61,7 @@
             bottom: 20px;
             left: 0;
             right: 0;
-            display: flex;
+            display: none;
             justify-content: space-around;
             align-items: center;
             background-color: rgba(255, 255, 255, 0.8);
@@ -70,6 +70,9 @@
             z-index: 10;
             margin: 0 20px;
         }
+        .slide-controls.visible {
+            display: flex;
+        }
         .slider-group {
             display: flex;
             flex-direction: column;
diff --git a/js/leibovitz/leibovitz.js b/js/leibovitz/leibovitz.js
index aa230f9..d9d90eb 100644
--- a/js/leibovitz/leibovitz.js
+++ b/js/leibovitz/leibovitz.js
@@ -8,6 +8,7 @@ const imageInput = document.getElementById('image-input');
 const focusControl = document.getElementById('focus-control');
 const focusSlider = document.getElementById('focus-slider');
 const focusValue = document.getElementById('focus-value');
+const slideControls = document.querySelector('.slide-controls');
 
 let cameraOn = false;
 let stream = null;
@@ -22,6 +23,15 @@ ContrastManager.init();
 BlurManager.init();
 BalanceManager.init();
 
+// Function to update slider controls visibility
+function updateSliderControlsVisibility() {
+    if (cameraOn || isEditMode) {
+        slideControls.classList.add('visible');
+    } else {
+        slideControls.classList.remove('visible');
+    }
+}
+
 // Set the canvas dimensions to match the window size
 function updateCanvasSize() {
     // Get the container dimensions
@@ -82,6 +92,7 @@ function startCamera() {
             editImageButton.classList.add('hidden');
             isEditMode = false;
             originalImage = null; // Clear the original image
+            updateSliderControlsVisibility(); // Show slider controls
 
             track = stream.getVideoTracks()[0];
             const settings = track.getSettings();
@@ -136,6 +147,7 @@ function stopCamera() {
         focusControl.style.display = 'none';
         stream = null;
         editImageButton.classList.remove('hidden');
+        updateSliderControlsVisibility(); // Hide slider controls if no image is loaded
     }
 }
 
@@ -168,6 +180,7 @@ function loadImage(file) {
             canvas.style.display = 'block';
             captureButton.disabled = false;
             captureButton.active = true;
+            updateSliderControlsVisibility(); // Show slider controls
             
             // Start the effect loop
             function step() {