feat(app): PWA manifest, persistent transpose, font size, capo toggle, library sort

This commit is contained in:
2026-04-08 04:09:25 +02:00
parent 2558f19960
commit f80ed4e88a
7 changed files with 175 additions and 33 deletions

View File

@@ -23,6 +23,8 @@ export const links: Route.LinksFunction = () => [
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
},
{ rel: "manifest", href: "/manifest.json" },
{ rel: "apple-touch-icon", href: "/favicon.ico" },
];
export function Layout({ children }: { children: React.ReactNode }) {
@@ -32,6 +34,11 @@ export function Layout({ children }: { children: React.ReactNode }) {
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<Meta />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="PocketChords" />
<meta name="theme-color" content="#09090b" />
<Links />
</head>
<body>