refac

src/lib/components/chat/Controls/Valves.svelte

@@ -137,7 +137,7 @@
 
 {#if show && !loading}
 	<form
-		class="flex flex-col h-full justify-between space-y-3 text-sm"
+		class="flex flex-col h-full justify-between space-y-2 text-xs"
 		on:submit|preventDefault={() => {
 			submitHandler();
 			dispatch('save');
@@ -148,7 +148,7 @@
 				<div class="flex gap-2">
 					<div class="flex-1">
 						<select
-							class="  w-full rounded-sm text-xs py-2 px-1 bg-transparent outline-hidden"
+							class="w-full h-[1.6875rem] rounded-xl text-xs px-2 bg-transparent outline-hidden"
 							bind:value={tab}
 							placeholder={$i18n.t('Select')}
 						>
@@ -161,7 +161,7 @@
 
 					<div class="flex-1">
 						<select
-							class="w-full rounded-sm py-2 px-1 text-xs bg-transparent outline-hidden"
+							class="w-full h-[1.6875rem] rounded-xl px-2 text-xs bg-transparent outline-hidden"
 							bind:value={selectedId}
 							on:change={async () => {
 								await tick();
@@ -192,17 +192,17 @@
 			</div>
 
 			{#if selectedId}
-				<hr class="border-gray-50/30 dark:border-gray-800/30 my-1 w-full" />
-
-				<div class="my-2 text-xs">
+				<div class="my-1 text-xs">
 					{#if !loading}
-						<Valves
-							{valvesSpec}
-							bind:valves
-							on:change={() => {
-								debounceSubmitHandler();
-							}}
-						/>
+						<div class="chat-control-valves">
+							<Valves
+								{valvesSpec}
+								bind:valves
+								on:change={() => {
+									debounceSubmitHandler();
+								}}
+							/>
+						</div>
 					{:else}
 						<Spinner className="size-5" />
 					{/if}
@@ -213,3 +213,12 @@
 {:else}
 	<Spinner className="size-4" />
 {/if}
+
+<style>
+	.chat-control-valves :global(input),
+	.chat-control-valves :global(select),
+	.chat-control-valves :global(textarea) {
+		font-size: 0.75rem;
+		line-height: 1rem;
+	}
+</style>