diff --git a/src/routes/models/[...model]/thumbnail.png/+server.ts b/src/routes/models/[...model]/thumbnail.png/+server.ts index 2718d9a5bdb..bdf7321b4b5 100644 --- a/src/routes/models/[...model]/thumbnail.png/+server.ts +++ b/src/routes/models/[...model]/thumbnail.png/+server.ts @@ -10,6 +10,7 @@ import InterBold from "$lib/server/fonts/Inter-Bold.ttf"; import { base } from "$app/paths"; import { models } from "$lib/server/models"; import { render } from "svelte/server"; +import { config } from "$lib/server/config"; export const GET: RequestHandler = (async ({ params }) => { const model = models.find(({ id }) => id === params.model); @@ -20,7 +21,7 @@ export const GET: RequestHandler = (async ({ params }) => { const renderedComponent = render(ModelThumbnail, { props: { name: model.name, - logoUrl: model.logoUrl, + isHuggingChat: config.isHuggingChat, }, }); diff --git a/src/routes/models/[...model]/thumbnail.png/ModelThumbnail.svelte b/src/routes/models/[...model]/thumbnail.png/ModelThumbnail.svelte index 461b442c44a..e8be9633348 100644 --- a/src/routes/models/[...model]/thumbnail.png/ModelThumbnail.svelte +++ b/src/routes/models/[...model]/thumbnail.png/ModelThumbnail.svelte @@ -1,43 +1,28 @@ -
-
- {#if logoUrl} - avatar - {/if} -

- {name} -

-
+
+

+ {name.split("/")[1]} +

-
- Try it now - {#if publicConfig.isHuggingChat} - on - {/if} - - {#if publicConfig.isHuggingChat} -
- - HuggingChat -
- {/if} -
+ {#if isHuggingChat} +
+
Chat with it on
+ + {@html logo} +
+ {/if}
diff --git a/static/huggingchat/fulltext-logo.svg b/static/huggingchat/fulltext-logo.svg new file mode 100644 index 00000000000..e48aa869be9 --- /dev/null +++ b/static/huggingchat/fulltext-logo.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/static/huggingchat/thumbnail.png b/static/huggingchat/thumbnail.png index f4bc55a4907..75c1f5f5d19 100644 Binary files a/static/huggingchat/thumbnail.png and b/static/huggingchat/thumbnail.png differ