Make main menu full width on mobile again.

2023-04-21 15:58:04 +02:00
parent 097000a2b7
commit 70d48d5472
5 changed files with 22 additions and 15 deletions
@@ -7,9 +7,11 @@ import clsx from "clsx";
 const DropdownMenuSubContent = ({
  children,
  className,
+  sideOffset,
 }: {
  children?: React.ReactNode;
  className?: string;
+  sideOffset?: number;
 }) => {
  const device = useDevice();

@@ -18,7 +20,10 @@ const DropdownMenuSubContent = ({
  }).trim();

  return (
-    <DropdownMenuPrimitive.SubContent className={classNames}>
+    <DropdownMenuPrimitive.SubContent
+      className={classNames}
+      sideOffset={sideOffset}
+    >
      {device.isMobile ? (
        <Stack.Col className="dropdown-menu-container">{children}</Stack.Col>
      ) : (