Update: Enhanced UI layout & design (#111)

hoangsonww · Mar 24, 2024 · 7e429bb · 7e429bb
1 parent 9502b76
commit 7e429bb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/MovieVerse-Frontend/html/about.html b/MovieVerse-Frontend/html/about.html
@@ -552,6 +552,20 @@ <h3 id="subheading4">Useful Links:</h3>
                 sideNav.style.left = '-250px';
             }
         }
+
+        document.addEventListener('mousemove', function(event) {
+            const sideNav = document.getElementById('side-nav');
+            if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+                sideNav.style.left = '0';
+            }
+        });
+
+        document.getElementById('side-nav').addEventListener('mouseleave', function() {
+            const sideNav = document.getElementById('side-nav');
+            if (!sideNav.classList.contains('manual-toggle')) {
+                sideNav.style.left = '-250px';
+            }
+        });
     </script>
 
 </body>

diff --git a/index.js b/index.js
@@ -1,4 +1,3 @@
-
 const most_popular_main = document.getElementById("most-popular");
 const action_main = document.getElementById("action");
 const horror_main = document.getElementById("horror");