playwriter
Code Issues

website: add transparent PNG favicons, typed meta/links exports, OG image

Browse Source 
- Replace favicon.ico with transparent PNG favicons (32px, 16px) generated
  from the gray extension icon, preserving alpha channel
- Move favicon links from hardcoded JSX to typed LinksFunction export in
  root.tsx, rendered via <Links /> component
- Type liveline meta export as MetaFunction
- Add properly sized OG image (1200x630) for X/Slack/Discord previews,
  update meta tags to reference it
This commit is contained in:
Tommy D. Rossi
2026-02-20 15:57:12 +01:00
parent 3917c5137d
commit b7f02ac9f4
6 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/root.tsx
+6
View File
@@ -1,4 +1,5 @@
import "website/src/styles/globals.css";
import type { LinksFunction } from "react-router";
import { Route } from "./+types/root";
import {
isRouteErrorResponse,
@@ -9,6 +10,11 @@ import {
ScrollRestoration,
} from "react-router";
export const links: LinksFunction = () => [
{ rel: "icon", type: "image/png", href: "/favicon-32.png", sizes: "32x32" },
{ rel: "icon", type: "image/png", href: "/favicon-16.png", sizes: "16x16" },
];
export function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">