try setup pwa on apple

2024-04-07 22:32:48 +03:00
parent 9f5d27e087
commit 8e78b62ec3
3 changed files with 6 additions and 2 deletions
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@ -17,6 +17,8 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
 export const metadata: Metadata = {
  title: "Специално Свидетелстване София",
  description: "Специално Свидетелстване София",
+  viewport: "width=device-width, initial-scale=1",
+  appleWebApp: true,
  /// manifest: "/manifest.json",
  // manifest: {
  //   theme_color: "#000000",
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@ -9,11 +9,13 @@ class MyDocument extends Document {
                        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
                        rel="stylesheet"
                    />
+                    <meta name="theme-color" content="#fff" />
                    <link rel="manifest" href="/manifest.json" />
                    <meta name="apple-mobile-web-app-capable" content="yes" />
                    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
-                    <link rel="apple-touch-icon" href="/icon.png"></link>
-                    <meta name="theme-color" content="#fff" />
+                    <meta name="apple-mobile-web-app-title" content="Your PWA Name" />
+
+                    <link rel="apple-touch-icon" href="/old-192x192.png"></link>
                </Head>
                <body>
                    <Main />
--- a/styles/favicon_io/android-chrome-192x192.png
+++ b/styles/favicon_io/android-chrome-192x192.png