code
Browse files
src/lib/components/Playground/PlaygroundCode.svelte
CHANGED
@@ -38,7 +38,7 @@ for await (const chunk of hf.chatCompletionStream({
|
|
38 |
}`;
|
39 |
</script>
|
40 |
|
41 |
-
<div class="pt-2">
|
42 |
<div
|
43 |
class="border-b border-gray-200 text-center text-sm font-medium text-gray-500 dark:border-gray-700 dark:text-gray-400"
|
44 |
>
|
@@ -64,14 +64,14 @@ for await (const chunk of hf.chatCompletionStream({
|
|
64 |
<h2 class="font-semibold">Install and instantiate</h2>
|
65 |
</div>
|
66 |
<pre
|
67 |
-
class="overflow-x-auto
|
68 |
|
69 |
<div class="px-4 pb-4 pt-6">
|
70 |
<h2 class="font-semibold">{streaming ? 'Streaming API' : 'Non-Streaming API'}</h2>
|
71 |
</div>
|
72 |
|
73 |
<pre
|
74 |
-
class="overflow-x-auto
|
75 |
? streamingSnippet
|
76 |
: nonStreamingSnippet}
|
77 |
</pre>
|
|
|
38 |
}`;
|
39 |
</script>
|
40 |
|
41 |
+
<div class="px-2 pt-2">
|
42 |
<div
|
43 |
class="border-b border-gray-200 text-center text-sm font-medium text-gray-500 dark:border-gray-700 dark:text-gray-400"
|
44 |
>
|
|
|
64 |
<h2 class="font-semibold">Install and instantiate</h2>
|
65 |
</div>
|
66 |
<pre
|
67 |
+
class="overflow-x-auto rounded-lg border border-gray-100 bg-gray-50 px-4 py-6 text-sm dark:border-gray-800 dark:bg-gray-800/50">{npmSnippet}</pre>
|
68 |
|
69 |
<div class="px-4 pb-4 pt-6">
|
70 |
<h2 class="font-semibold">{streaming ? 'Streaming API' : 'Non-Streaming API'}</h2>
|
71 |
</div>
|
72 |
|
73 |
<pre
|
74 |
+
class="overflow-x-auto rounded-lg border border-gray-100 bg-gray-50 px-4 py-6 text-sm dark:border-gray-800 dark:bg-gray-800/50">{streaming
|
75 |
? streamingSnippet
|
76 |
: nonStreamingSnippet}
|
77 |
</pre>
|