wip
Browse files
src/lib/components/InferencePlayground/InferencePlayground.svelte
CHANGED
@@ -213,12 +213,7 @@
|
|
213 |
|
214 |
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
215 |
<div
|
216 |
-
class="w-dvh grid divide-gray-200 overflow-hidden bg-gray-100/50 max-md:divide-y md:h-dvh dark:[color-scheme:dark]
|
217 |
-
{conversations.length === 1
|
218 |
-
? 'md:grid-cols-[clamp(220px,20%,350px),minmax(0,1fr),clamp(270px,25%,300px)]'
|
219 |
-
: 'md:grid-cols-[clamp(220px,20%,350px),minmax(0,1fr),0]'}
|
220 |
-
|
221 |
-
dark:divide-gray-800 dark:bg-gray-900 dark:text-gray-300"
|
222 |
>
|
223 |
<div class=" flex flex-col overflow-y-auto py-3 pr-3">
|
224 |
<div
|
@@ -239,13 +234,7 @@
|
|
239 |
</div>
|
240 |
</div>
|
241 |
<div class="relative divide-y divide-gray-200 pt-3 dark:divide-gray-800" on:keydown={onKeydown}>
|
242 |
-
<div
|
243 |
-
class="flex h-[calc(100dvh-5rem)] divide-x divide-gray-200 {conversations.length === 2
|
244 |
-
? '*:w-1/2'
|
245 |
-
: conversations.length == 3
|
246 |
-
? '*:w-1/3'
|
247 |
-
: '*:w-full'} dark:divide-gray-800"
|
248 |
-
>
|
249 |
<Conversation
|
250 |
{loading}
|
251 |
{conversation}
|
|
|
213 |
|
214 |
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
215 |
<div
|
216 |
+
class="w-dvh grid divide-gray-200 overflow-hidden bg-gray-100/50 max-md:divide-y md:h-dvh md:grid-cols-[clamp(220px,20%,350px),minmax(0,1fr),clamp(270px,25%,300px)] dark:divide-gray-800 dark:bg-gray-900 dark:text-gray-300 dark:[color-scheme:dark]"
|
|
|
|
|
|
|
|
|
|
|
217 |
>
|
218 |
<div class=" flex flex-col overflow-y-auto py-3 pr-3">
|
219 |
<div
|
|
|
234 |
</div>
|
235 |
</div>
|
236 |
<div class="relative divide-y divide-gray-200 pt-3 dark:divide-gray-800" on:keydown={onKeydown}>
|
237 |
+
<div class="flex h-[calc(100dvh-5rem)] divide-x divide-gray-200 *:w-full dark:divide-gray-800">
|
|
|
|
|
|
|
|
|
|
|
|
|
238 |
<Conversation
|
239 |
{loading}
|
240 |
{conversation}
|