From a6a28ba18aee3efbc1c7524a9557dc266218c893 Mon Sep 17 00:00:00 2001 From: Thorsten Reiser Date: Thu, 26 Sep 2024 19:11:13 +0200 Subject: [PATCH 1/3] Ensure input in checkout is not breaking responsivity in mobile devices e.g. Iphone --- src/app/layout.tsx | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index efc327340..1346667b6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,6 +7,13 @@ export const metadata: Metadata = { metadataBase: new URL(BASE_URL), } +export const viewport: Viewport = { + initialScale: 1, + width: 'device-width', + maximumScale: 1.0, + userScalable: 'no' +} + export default function RootLayout(props: { children: React.ReactNode }) { return ( From 65179d336c1529c57a00e194e96d6f6b8818b0b9 Mon Sep 17 00:00:00 2001 From: Thorsten Reiser Date: Thu, 26 Sep 2024 19:24:45 +0200 Subject: [PATCH 2/3] Update layout.tsx adding Viewport in import --- src/app/layout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1346667b6..ebcabf233 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,4 +1,4 @@ -import { Metadata } from "next" +import { Metadata, Viewport } from "next" import "styles/globals.css" const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || "https://localhost:8000" From c97908b6acc16ca278fc8e425022a35e220d9515 Mon Sep 17 00:00:00 2001 From: Thorsten Reiser Date: Thu, 26 Sep 2024 19:26:49 +0200 Subject: [PATCH 3/3] Fixed lint error --- src/app/layout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index ebcabf233..4c6355260 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -11,7 +11,7 @@ export const viewport: Viewport = { initialScale: 1, width: 'device-width', maximumScale: 1.0, - userScalable: 'no' + userScalable: false } export default function RootLayout(props: { children: React.ReactNode }) {