Increase touch target

UTDNebula · Nov 27, 2024 · 435ed07 · 435ed07
1 parent 1a26b78
commit 435ed07
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/navigation/tabNavMenu/tabNavMenu.tsx b/src/components/navigation/tabNavMenu/tabNavMenu.tsx
@@ -23,13 +23,16 @@ type TabNavMenuProps = {
  */
 export const TabNavMenu = (props: TabNavMenuProps) => {
   return (
-    <div className="w-full flex items-center">
+    <div
+      className="w-full flex items-center cursor-pointer"
+      onClick={() => props.setOpen(!props.open)}
+    >
       <IconButton
         aria-label="open overview"
-        onClick={() => props.setOpen(!props.open)}
         size="medium"
         className={
-          'sm:hidden ml-2 transition-transform' + (props.open ? ' rotate-90' : '')
+          'sm:hidden ml-2 transition-transform' +
+          (props.open ? ' rotate-90' : '')
         }
       >
         <KeyboardArrowIcon fontSize="inherit" />
@@ -57,7 +60,10 @@ export const TabNavMenu = (props: TabNavMenuProps) => {
                   option
                 )
               }
-              onClick={() => props.setOpen(true)}
+              onClick={(e) => {
+                e.stopPropagation();
+                props.setOpen(true);
+              }}
             />
           ))}
         </Tabs>