From bda84a9397ac504ed4bae22a0f29e16281896484 Mon Sep 17 00:00:00 2001 From: kusowl Date: Fri, 9 Jan 2026 11:00:10 +0530 Subject: [PATCH] fix(navbar): responsive issue and add logo - add logo in both navbar variants - fix scrolling in mobile view - fix bleeding of background in mobile view --- resources/js/nav-menu.js | 7 ++-- resources/views/components/navbar.blade.php | 38 ++++++++++++--------- 2 files changed, 26 insertions(+), 19 deletions(-) diff --git a/resources/js/nav-menu.js b/resources/js/nav-menu.js index 5919a29..3ba60b1 100644 --- a/resources/js/nav-menu.js +++ b/resources/js/nav-menu.js @@ -1,11 +1,14 @@ const openBtn = document.getElementById('openBtn'); const closeBtn = document.getElementById('closeBtn'); const mobileMenu = document.getElementById('mobileMenu'); +const body = document.body; openBtn.addEventListener('click', () => { - mobileMenu.classList.remove('hidden') + mobileMenu.classList.remove('hidden'); + body.style.overflow = 'hidden'; }) closeBtn.addEventListener('click', () => { - mobileMenu.classList.add('hidden') + mobileMenu.classList.add('hidden'); + body.style.overflow = 'visible'; }) diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php index 4fe0d03..84a7791 100644 --- a/resources/views/components/navbar.blade.php +++ b/resources/views/components/navbar.blade.php @@ -1,41 +1,45 @@ -