scroll

src/lib/components/InferencePlayground/InferencePlayground.svelte

@@ -324,7 +324,7 @@
 	</div>
 	<div class="relative divide-y divide-gray-200 dark:divide-gray-800" on:keydown={onKeydown}>
 		<div
-			class="flex h-[calc(100dvh-5rem-120px)] divide-x divide-gray-200 overflow-x-auto *:w-full max-sm:w-dvw md:h-[calc(100dvh-5rem)] md:pt-3 dark:divide-gray-800"
+			class="flex h-[calc(100dvh-5rem-120px)] divide-x divide-gray-200 overflow-x-auto overflow-y-hidden *:w-full max-sm:w-dvw md:h-[calc(100dvh-5rem)] md:pt-3 dark:divide-gray-800"
 		>
 			{#each session.conversations as conversation, conversationIdx}
 				<div class="max-sm:min-w-full">

src/lib/components/InferencePlayground/InferencePlaygroundConversationHeader.svelte

@@ -63,13 +63,13 @@
 		>{conversation.model.id}</button
 	>
 	<button
-		class="flex size-6 items-center justify-center rounded bg-gray-50 text-xs hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600"
+		class="flex size-6 items-center justify-center rounded border bg-gray-50 text-xs hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600"
 		on:click={() => dispatch("close", conversation.model.id)}
 	>
 		✕
 	</button>
 	<button
-		class="group relative flex size-6 items-center justify-center rounded bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600"
+		class="group relative flex size-6 items-center justify-center rounded border bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600"
 	>
 		<IconCog />
 		<GenerationConfig