From 7b3e3c15317ff7f483f4da5a5c9daee12864fc3d Mon Sep 17 00:00:00 2001 From: openhands Date: Tue, 14 Jul 2026 15:42:24 +0200 Subject: [PATCH] Fix blurry mobile menu by removing CSS transform from animation --- src/components/mobile-nav.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx index c64f35d3..de138f71 100644 --- a/src/components/mobile-nav.tsx +++ b/src/components/mobile-nav.tsx @@ -68,9 +68,9 @@ export function MobileNav({ role="menu" className={`${ open - ? "max-h-[80vh] opacity-100 translate-y-0" - : "max-h-0 opacity-0 translate-y-[-6px] pointer-events-none md:pointer-events-auto" - } overflow-y-auto transition-[opacity,transform] duration-200 ease-out md:!max-h-none md:!opacity-100 md:!translate-y-0 md:!overflow-visible md:flex md:items-center md:gap-x-1 w-full md:w-auto`} + ? "max-h-[80vh] opacity-100" + : "max-h-0 opacity-0 pointer-events-none md:pointer-events-auto" + } overflow-y-auto transition-opacity duration-200 ease-out md:!max-h-none md:!opacity-100 md:!overflow-visible md:flex md:items-center md:gap-x-1 w-full md:w-auto`} style={{ backgroundColor: "var(--color-navbar)" }} >