Fix touching buttons on mobile

remix-run · May 14, 2024 · d615cf0 · d615cf0
1 parent 0421325
commit d615cf0
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/app/routes/$lang.$ref.tsx b/app/routes/$lang.$ref.tsx
@@ -214,10 +214,7 @@ function Header() {
 function DocSearchSection({ className }: { className?: string }) {
   return (
     <div
-      className={classNames(
-        "relative -mx-3 lg:sticky lg:top-0 lg:z-10",
-        className
-      )}
+      className={classNames("relative lg:sticky lg:top-0 lg:z-10", className)}
     >
       <div className="absolute -top-24 hidden h-24 w-full bg-white dark:bg-gray-900 lg:block" />
       <div
@@ -354,7 +351,7 @@ function NavMenuDesktop() {
         "h-[calc(100vh-var(--header-height))]"
       )}
     >
-      <DocSearchSection />
+      <DocSearchSection className="-mx-3" />
       <div className="[&_*:focus]:scroll-mt-[6rem]">
         <Menu />
       </div>