fix(frontend): fix absolute div stretching to cover other stuff (#526)

Co-authored-by: luzzifoss <fedeluzzi00@gmail.com>
carrot-kpi · Nov 29, 2023 · b1e5946 · b1e5946
1 parent 1785d49
commit b1e5946
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/frontend/src/components/connect-wallet/index.tsx b/packages/frontend/src/components/connect-wallet/index.tsx
@@ -67,6 +67,7 @@ export const ConnectWallet = ({
             window.removeEventListener("mousedown", handleMouseDown);
         };
     }, []);
+
     const handleNetworksPopoverOpen = useCallback(() => {
         setNetworksPopoverOpen(true);
     }, []);

diff --git a/packages/frontend/src/components/ui/navbar/index.tsx b/packages/frontend/src/components/ui/navbar/index.tsx
@@ -100,7 +100,7 @@ export const Navbar = ({
                             )}
                         </div>
                     </div>
-                    <nav className="absolute w-full hidden md:flex justify-center space-x-8">
+                    <nav className="absolute hidden md:flex left-1/2 transform -translate-x-1/2 justify-center space-x-8">
                         {links.map((link) => {
                             const additionalProps = link.external
                                 ? {