diff options
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/favicon.tsx | 19 | ||||
| -rw-r--r-- | packages/ui/src/components/index.ts | 1 |
2 files changed, 20 insertions, 0 deletions
diff --git a/packages/ui/src/components/favicon.tsx b/packages/ui/src/components/favicon.tsx new file mode 100644 index 000000000..de32ed2af --- /dev/null +++ b/packages/ui/src/components/favicon.tsx @@ -0,0 +1,19 @@ +import { Link, Meta } from "@solidjs/meta" +import favicon96 from "../assets/favicon/favicon-96x96.png" +import faviconSvg from "../assets/favicon/favicon.svg" +import faviconIco from "../assets/favicon/favicon.ico" +import appleTouchIcon from "../assets/favicon/apple-touch-icon.png" +import siteWebmanifest from "../assets/favicon/site.webmanifest" + +export const Favicon = () => { + return ( + <> + <Link rel="icon" type="image/svg+xml" href={faviconSvg} /> + <Link rel="icon" type="image/png" href={favicon96} sizes="96x96" /> + <Link rel="shortcut icon" href={faviconIco} /> + <Link rel="apple-touch-icon" sizes="180x180" href={appleTouchIcon} /> + <Meta name="apple-mobile-web-app-title" content="OpenCode" /> + <Link rel="manifest" href={siteWebmanifest} /> + </> + ) +} diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts index 8d6ddc89c..115e5f14f 100644 --- a/packages/ui/src/components/index.ts +++ b/packages/ui/src/components/index.ts @@ -9,6 +9,7 @@ export * from "./diff-changes" export * from "./icon" export * from "./icon-button" export * from "./input" +export * from "./favicon" export * from "./fonts" export * from "./list" export * from "./markdown" |