mishig HF staff commited on
Commit
99d2df7
1 Parent(s): 7d5d2bc
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}