feat(01-01): add manifest reference and viewport export to root layout
- Add metadata.manifest = "/manifest.json" so Next.js emits <link rel="manifest"> automatically (PWA-02) - Add separate viewport export (Next 16 API) with viewportFit: "cover" so Phase 2 can paint behind the home indicator (PWA-03) - Include width: "device-width", initialScale: 1, and themeColor light/dark pair for clean mobile rendering - RootLayout body unchanged Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
3e3df24166
commit
d196d22040
1 changed files with 12 additions and 1 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import type { Metadata } from "next";
|
||||
import type { Metadata, Viewport } from "next";
|
||||
import { IBM_Plex_Sans, IBM_Plex_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ThemeProvider } from "@/components/theme-provider";
|
||||
|
|
@ -28,6 +28,7 @@ const plexMono = IBM_Plex_Mono({
|
|||
export const metadata: Metadata = {
|
||||
title: "Pulse · Operations console",
|
||||
description: "Wulf Consulting operations console — tickets, RMM, IT Glue, backups, and analytics in one place.",
|
||||
manifest: "/manifest.json",
|
||||
icons: {
|
||||
icon: [
|
||||
{ url: "/favicon.png", sizes: "any" },
|
||||
|
|
@ -38,6 +39,16 @@ export const metadata: Metadata = {
|
|||
},
|
||||
};
|
||||
|
||||
export const viewport: Viewport = {
|
||||
width: "device-width",
|
||||
initialScale: 1,
|
||||
viewportFit: "cover",
|
||||
themeColor: [
|
||||
{ media: "(prefers-color-scheme: light)", color: "#FFFFFF" },
|
||||
{ media: "(prefers-color-scheme: dark)", color: "#0A0A0A" },
|
||||
],
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue