fix icon
Browse files
src/lib/components/InferencePlayground/InferencePlaygroundModelSelector.svelte
CHANGED
|
@@ -1,5 +1,6 @@
|
|
| 1 |
<script lang="ts">
|
| 2 |
import type { Conversation, ModelEntryWithTokenizer } from '$lib/types';
|
|
|
|
| 3 |
|
| 4 |
export let models: ModelEntryWithTokenizer[] = [];
|
| 5 |
export let conversation: Conversation;
|
|
@@ -16,7 +17,7 @@
|
|
| 16 |
</label>
|
| 17 |
|
| 18 |
<button
|
| 19 |
-
class="flex items-center gap-6 overflow-hidden whitespace-nowrap rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight shadow dark:bg-gray-700"
|
| 20 |
on:click
|
| 21 |
>
|
| 22 |
<div class="flex flex-col items-start">
|
|
@@ -30,15 +31,6 @@
|
|
| 30 |
</div>
|
| 31 |
<div>{modelName}</div>
|
| 32 |
</div>
|
| 33 |
-
<
|
| 34 |
-
<svg
|
| 35 |
-
class="text-xl"
|
| 36 |
-
xmlns="http://www.w3.org/2000/svg"
|
| 37 |
-
width="1em"
|
| 38 |
-
height="1em"
|
| 39 |
-
viewBox="0 0 24 24"
|
| 40 |
-
><path fill="currentColor" d="M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z" /></svg
|
| 41 |
-
>
|
| 42 |
-
</div>
|
| 43 |
</button>
|
| 44 |
</div>
|
|
|
|
| 1 |
<script lang="ts">
|
| 2 |
import type { Conversation, ModelEntryWithTokenizer } from '$lib/types';
|
| 3 |
+
import IconCaret from '../Icons/IconCaret.svelte';
|
| 4 |
|
| 5 |
export let models: ModelEntryWithTokenizer[] = [];
|
| 6 |
export let conversation: Conversation;
|
|
|
|
| 17 |
</label>
|
| 18 |
|
| 19 |
<button
|
| 20 |
+
class="flex items-center justify-between gap-6 overflow-hidden whitespace-nowrap rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight shadow dark:bg-gray-700"
|
| 21 |
on:click
|
| 22 |
>
|
| 23 |
<div class="flex flex-col items-start">
|
|
|
|
| 31 |
</div>
|
| 32 |
<div>{modelName}</div>
|
| 33 |
</div>
|
| 34 |
+
<IconCaret classNames="text-xl bg-gray-100 dark:bg-gray-500 rounded" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
</button>
|
| 36 |
</div>
|