fix: Set mobile viewport to have maximum scale of 1

1 files changed, 8 insertions, 0 deletions

diff --git a/packages/web/app/layout.tsx b/packages/web/app/layout.tsx
index a8423031..ba4d82e8 100644
--- a/packages/web/app/layout.tsx
+++ b/packages/web/app/layout.tsx
@@ -6,6 +6,7 @@ import { Toaster } from "@/components/ui/toaster";
 import Providers from "@/lib/providers";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { getServerAuthSession } from "@/server/auth";
+import type { Viewport } from "next";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -14,6 +15,13 @@ export const metadata: Metadata = {
   description: "Your AI powered second brain",
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+};
+
 export default async function RootLayout({
   children,
 }: Readonly<{