assistants: add hint (#767)
Browse files* add hint
* Update src/routes/assistants/+page.svelte
Co-authored-by: Nathan Sarrazin <sarrazin.nathan@gmail.com>
---------
Co-authored-by: Nathan Sarrazin <sarrazin.nathan@gmail.com>
src/routes/assistants/+page.svelte
CHANGED
@@ -9,6 +9,7 @@
|
|
9 |
import { page } from "$app/stores";
|
10 |
|
11 |
import CarbonAdd from "~icons/carbon/add";
|
|
|
12 |
|
13 |
export let data: PageData;
|
14 |
|
@@ -47,11 +48,20 @@
|
|
47 |
<div class="pt-42 mx-auto flex flex-col px-5 xl:w-[60rem] 2xl:w-[64rem]">
|
48 |
<div class="flex items-center">
|
49 |
<h1 class="text-2xl font-bold">Assistants</h1>
|
50 |
-
|
51 |
-
|
52 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
53 |
</div>
|
54 |
-
<h3 class="text-gray-500">
|
55 |
<div class="mt-6 flex justify-between gap-2 max-sm:flex-col sm:items-center">
|
56 |
<select
|
57 |
class="mt-1 h-[34px] rounded-lg border border-gray-300 bg-gray-50 px-2 text-sm text-gray-900 focus:border-blue-700 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400"
|
|
|
9 |
import { page } from "$app/stores";
|
10 |
|
11 |
import CarbonAdd from "~icons/carbon/add";
|
12 |
+
import CarbonHelpFilled from "~icons/carbon/help-filled";
|
13 |
|
14 |
export let data: PageData;
|
15 |
|
|
|
48 |
<div class="pt-42 mx-auto flex flex-col px-5 xl:w-[60rem] 2xl:w-[64rem]">
|
49 |
<div class="flex items-center">
|
50 |
<h1 class="text-2xl font-bold">Assistants</h1>
|
51 |
+
{#if isHuggingChat}
|
52 |
+
<div class="5 ml-1.5 rounded-lg text-xxs uppercase text-gray-500 dark:text-gray-500">
|
53 |
+
beta
|
54 |
+
</div>
|
55 |
+
<a
|
56 |
+
href="https://huggingface.co/spaces/huggingchat/chat-ui/discussions/357"
|
57 |
+
class="ml-auto dark:text-gray-400 dark:hover:text-gray-300"
|
58 |
+
target="_blank"
|
59 |
+
>
|
60 |
+
<CarbonHelpFilled />
|
61 |
+
</a>
|
62 |
+
{/if}
|
63 |
</div>
|
64 |
+
<h3 class="text-gray-500">Popular assistants made by the community</h3>
|
65 |
<div class="mt-6 flex justify-between gap-2 max-sm:flex-col sm:items-center">
|
66 |
<select
|
67 |
class="mt-1 h-[34px] rounded-lg border border-gray-300 bg-gray-50 px-2 text-sm text-gray-900 focus:border-blue-700 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400"
|