Add manifest to allow "installing" app in mobile devices

2025-02-26 18:40:12 +00:00
parent 874ab006f9
commit b3bd8cb3cc
2 changed files with 23 additions and 0 deletions
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -19,6 +19,7 @@ export default function App({ route, Component, state }: PageProps<Data, FreshCo
        <link rel='icon' href='/images/favicon.png' type='image/png' />
        <link rel='apple-touch-icon' href='/images/favicon.png' />
        <link rel='stylesheet' href='/styles.css' />
+        <link rel='manifest' href='/manifest.json' />
      </head>
      <body class='h-full'>
        <Header route={route} user={state.user} />
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -0,0 +1,22 @@
+{
+  "name": "bewCloud",
+  "short_name": "bewCloud",
+  "icons": [
+    {
+      "src": "/images/logomark.svg",
+      "sizes": "1024x1024 any",
+      "type": "image/svg+xml",
+      "purpose": "monochrome maskable"
+    },
+    {
+      "src": "/images/favicon.png",
+      "sizes": "1024x1024",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#51a4fb",
+  "background_color": "#1e293b",
+  "start_url": "/",
+  "display": "standalone",
+  "orientation": "portrait"
+}