Merge pull request #12470 from dsukruth/master

Fix #12466 adding viewport must solve mobile usability problem

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} />

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} />

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

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

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} />

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>