fixing conflicts

quran · May 21, 2024 · d9e6255 · d9e6255
2 parents 8c6d4c0 + 48bc1c0
commit d9e6255
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
@@ -38,6 +38,25 @@ const Navbar = () => {
     };
   }, []);
 
+  useEffect(() => {
+    const getScrollbarWidth = () => {
+      return window.innerWidth - document.documentElement.clientWidth;
+    };
+
+    const setScrollbarWidth = () => {
+      const scrollbarWidth = getScrollbarWidth();
+      document.documentElement.style.setProperty('--scrollbar-width', `${scrollbarWidth}px`);
+    };
+
+    setScrollbarWidth(); // Set the scrollbar width initially
+
+    window.addEventListener('resize', setScrollbarWidth); // Update the scrollbar width when the window is resized
+
+    return () => {
+      window.removeEventListener('resize', setScrollbarWidth);
+    };
+  }, []);
+
   return (
     <>
       <div className={styles.emptySpacePlaceholder} />