From e8c834b82b88e03ecd08225d61717322b34ddfd7 Mon Sep 17 00:00:00 2001
From: Dhanush P Sukruth <dpshetty1999@gmail.com>
Date: Thu, 16 Feb 2023 13:52:26 +0530
Subject: [PATCH 1/5] Fix #12466

Adding viewport must solve mobile usability issues
---
 examples/user-management/sveltekit-user-management/src/app.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/user-management/sveltekit-user-management/src/app.html b/examples/user-management/sveltekit-user-management/src/app.html
index b555f2469a3..8ce87909fb7 100644
--- a/examples/user-management/sveltekit-user-management/src/app.html
+++ b/examples/user-management/sveltekit-user-management/src/app.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-prefetch>

From 4e3e3d7bb5c127a02c996a1347628ae58a19ec6a Mon Sep 17 00:00:00 2001
From: Dhanush P Sukruth <dpshetty1999@gmail.com>
Date: Fri, 17 Feb 2023 02:00:20 +0530
Subject: [PATCH 2/5] Fix #12466

added viewport for mobile usability problem.
---
 apps/docs/components/DocSearch.tsx             | 1 +
 apps/docs/components/Favicons.tsx              | 1 +
 apps/docs/layouts/DefaultLayout.tsx            | 2 +-
 apps/docs/layouts/tutorials/TutorialLayout.tsx | 2 +-
 apps/docs/pages/_document.tsx                  | 4 +++-
 apps/www/pages/_app.tsx                        | 2 +-
 apps/www/pages/beta.tsx                        | 1 +
 7 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/docs/components/DocSearch.tsx b/apps/docs/components/DocSearch.tsx
index 7ff1a5ece2a..e956935ac50 100644
--- a/apps/docs/components/DocSearch.tsx
+++ b/apps/docs/components/DocSearch.tsx
@@ -48,6 +48,7 @@ export function SearchProvider({ children }: any) {
     <>
       <Head>
         <link rel="preconnect" href={`https://${APP_ID}-dsn.algolia.net`} crossOrigin="true" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
       </Head>
       <SearchContext.Provider
         // @ts-ignore
diff --git a/apps/docs/components/Favicons.tsx b/apps/docs/components/Favicons.tsx
index 5c65346f0fa..cb88257b6d9 100644
--- a/apps/docs/components/Favicons.tsx
+++ b/apps/docs/components/Favicons.tsx
@@ -25,6 +25,7 @@ const Favicons = () => {
       <link rel="manifest" href={`${basePath}/favicon/site.webmanifest`} />
       {/* <link rel="mask-icon" href={`${basePath}/favicon/safari-pinned-tab.svg`} color="#333333" /> */}
       <link rel="shortcut icon" href={`${basePath}/favicon/favicon.ico`} />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
       <meta name="msapplication-TileColor" content="#1E1E1E" />
       <meta name="msapplication-config" content={`${basePath}/favicon/browserconfig.xml`} />
       <meta name="theme-color" content="#1E1E1E" />
diff --git a/apps/docs/layouts/DefaultLayout.tsx b/apps/docs/layouts/DefaultLayout.tsx
index 3e610896b8b..783ed7f7187 100644
--- a/apps/docs/layouts/DefaultLayout.tsx
+++ b/apps/docs/layouts/DefaultLayout.tsx
@@ -21,7 +21,7 @@ const Layout: FC<Props> = (props: Props) => {
       <Head>
         <title>{props.meta?.title} | Supabase Docs</title>
         <meta name="description" content={props.meta?.description} />
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <link rel="icon" href="/docs/favicon.ico" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={props.meta?.title} />
diff --git a/apps/docs/layouts/tutorials/TutorialLayout.tsx b/apps/docs/layouts/tutorials/TutorialLayout.tsx
index fc1a2fa8ea9..2f58a612cca 100644
--- a/apps/docs/layouts/tutorials/TutorialLayout.tsx
+++ b/apps/docs/layouts/tutorials/TutorialLayout.tsx
@@ -50,7 +50,7 @@ const Layout: FC<Props> = (props: Props) => {
       <Head>
         <title>{props.meta?.title} | Supabase</title>
         <meta name="description" content={props.meta?.description} />
-        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="icon" href="/docs/favicon.ico" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={props.meta?.title} />
diff --git a/apps/docs/pages/_document.tsx b/apps/docs/pages/_document.tsx
index 98acbb79912..d7c31f22258 100644
--- a/apps/docs/pages/_document.tsx
+++ b/apps/docs/pages/_document.tsx
@@ -3,7 +3,9 @@ import { Html, Head, Main, NextScript } from 'next/document'
 export default function Document() {
   return (
     <Html lang="en" className="dark">
-      <Head></Head>
+      <Head>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+      </Head>
       <body>
         <Main />
         <NextScript />
diff --git a/apps/www/pages/_app.tsx b/apps/www/pages/_app.tsx
index b4fb7a031ce..9698060202f 100644
--- a/apps/www/pages/_app.tsx
+++ b/apps/www/pages/_app.tsx
@@ -38,7 +38,7 @@ export default function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <Head>
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       </Head>
       <Meta />
       <DefaultSeo
diff --git a/apps/www/pages/beta.tsx b/apps/www/pages/beta.tsx
index 881ad2000fd..3bdad4d37e0 100644
--- a/apps/www/pages/beta.tsx
+++ b/apps/www/pages/beta.tsx
@@ -966,6 +966,7 @@ const Beta = (props: Props) => {
     <Layout hideHeader={true}>
       <Head>
         <title>{site_title}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
         <meta name="og:title" property="og:title" content={site_title} />
         <meta name="twitter:site" content={site_title} />
         <meta name="twitter:text:title" content={site_title} />

From 961faf1035fc8360fad47b73cd12cda501e1d621 Mon Sep 17 00:00:00 2001
From: Copple <10214025+kiwicopple@users.noreply.github.com>
Date: Sun, 19 Feb 2023 17:31:04 +0100
Subject: [PATCH 3/5] Update apps/docs/components/DocSearch.tsx

---
 apps/docs/components/DocSearch.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/docs/components/DocSearch.tsx b/apps/docs/components/DocSearch.tsx
index e956935ac50..7ff1a5ece2a 100644
--- a/apps/docs/components/DocSearch.tsx
+++ b/apps/docs/components/DocSearch.tsx
@@ -48,7 +48,6 @@ export function SearchProvider({ children }: any) {
     <>
       <Head>
         <link rel="preconnect" href={`https://${APP_ID}-dsn.algolia.net`} crossOrigin="true" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
       </Head>
       <SearchContext.Provider
         // @ts-ignore

From 5bdf12043e427dcd6ada561822e982ece977e91c Mon Sep 17 00:00:00 2001
From: Copple <10214025+kiwicopple@users.noreply.github.com>
Date: Sun, 19 Feb 2023 17:31:28 +0100
Subject: [PATCH 4/5] Update apps/docs/components/Favicons.tsx

---
 apps/docs/components/Favicons.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/docs/components/Favicons.tsx b/apps/docs/components/Favicons.tsx
index cb88257b6d9..5c65346f0fa 100644
--- a/apps/docs/components/Favicons.tsx
+++ b/apps/docs/components/Favicons.tsx
@@ -25,7 +25,6 @@ const Favicons = () => {
       <link rel="manifest" href={`${basePath}/favicon/site.webmanifest`} />
       {/* <link rel="mask-icon" href={`${basePath}/favicon/safari-pinned-tab.svg`} color="#333333" /> */}
       <link rel="shortcut icon" href={`${basePath}/favicon/favicon.ico`} />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
       <meta name="msapplication-TileColor" content="#1E1E1E" />
       <meta name="msapplication-config" content={`${basePath}/favicon/browserconfig.xml`} />
       <meta name="theme-color" content="#1E1E1E" />

From 6642d6446cc02796d36112ea3db7934cd97204a1 Mon Sep 17 00:00:00 2001
From: egor-romanov <egor.romanov@gmail.com>
Date: Mon, 20 Feb 2023 19:50:01 +0300
Subject: [PATCH 5/5] fix prettier errors

---
 apps/docs/layouts/DefaultLayout.tsx | 2 +-
 apps/docs/pages/_document.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/docs/layouts/DefaultLayout.tsx b/apps/docs/layouts/DefaultLayout.tsx
index 783ed7f7187..0a6b48c5547 100644
--- a/apps/docs/layouts/DefaultLayout.tsx
+++ b/apps/docs/layouts/DefaultLayout.tsx
@@ -21,7 +21,7 @@ const Layout: FC<Props> = (props: Props) => {
       <Head>
         <title>{props.meta?.title} | Supabase Docs</title>
         <meta name="description" content={props.meta?.description} />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="icon" href="/docs/favicon.ico" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={props.meta?.title} />
diff --git a/apps/docs/pages/_document.tsx b/apps/docs/pages/_document.tsx
index d7c31f22258..ed9a8a70c10 100644
--- a/apps/docs/pages/_document.tsx
+++ b/apps/docs/pages/_document.tsx
@@ -4,7 +4,7 @@ export default function Document() {
   return (
     <Html lang="en" className="dark">
       <Head>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
       </Head>
       <body>
         <Main />