multica/apps/web/app/manifest.ts
Naiyuan Qing f5c6f05295 fix(web): replace PWA icons with full-bleed versions to fix iOS white border
The original icon PNGs had pre-baked rounded corners and transparent
backgrounds. When iOS applies its own superellipse mask on Add to Home
Screen, the transparent corners were filled with white, creating a
visible white border around the icon.

Changes:
- Regenerate all icon PNGs as full-bleed (no rounded corners, opaque
  background filling entire canvas) from the existing logo SVG
- Add dedicated apple-touch-icon.png at 180x180 (iOS standard size)
- Add favicon.ico for universal browser fallback
- Replace oversized app/icon.png (540x540) with 192x192 full-bleed
- Update layout.tsx to reference apple-touch-icon.png
- Add explicit purpose: "any" to 192x192 manifest entry

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-05 14:46:30 +08:00

36 lines
792 B
TypeScript

import type { MetadataRoute } from "next";
export default function manifest(): MetadataRoute.Manifest {
return {
name: "Multica",
short_name: "Multica",
description: "Distributed AI agent framework",
id: "/",
scope: "/",
start_url: "/",
display: "standalone",
orientation: "any",
background_color: "#09090b",
theme_color: "#09090b",
icons: [
{
src: "/logo-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "any",
},
{
src: "/logo-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "any",
},
{
src: "/logo-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
};
}