From aa29538755d3354e5425dc4f43824b4506125c4d Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 2 Mar 2024 18:49:46 +0000
Subject: [PATCH] fix: Set mobile viewport to have maximum scale of 1

---
 packages/web/app/layout.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

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<{