progress

LM-Kit · Jan 23, 2025 · 775d1f3 · 775d1f3
1 parent b1c0739
commit 775d1f3
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 11 deletions.
diff --git a/LM-Kit-Maestro/UI/Razor/Components/ChatSettings.razor b/LM-Kit-Maestro/UI/Razor/Components/ChatSettings.razor
@@ -2,39 +2,49 @@
 
 <MudExpansionPanels MultiExpansion="true">
     <MudExpansionPanel Text="General settings">
-        <MudStack>
+        <MudStack Spacing="6">
 
-            <div>
+            <div class="setting-container">
                 <MudText>
                     Chatbot purpose
                 </MudText>
 
-                <MudTextField Lines="5" Value="ViewModel.SystemPrompt"/>
+                <MudTextField Variant="Variant.Outlined" Lines="5" Value="ViewModel.SystemPrompt"/>
             </div>
 
-            <div>
+            <div class="setting-container">
+                                <div class="flex-row">
+
                 <MudText>
                     Maximum completion tokens
                 </MudText>
 
                 <MudTextField Value="ViewModel.MaximumCompletionTokens"/>
+                </div>
             </div>
 
-            <div>
-                <MudText>
-                    Request timeout
-                </MudText>
 
-                <MudTextField Value="ViewModel.RequestTimeout"/>
+            <div class="setting-container">
+                <div class="flex-row">
+                    <MudText>
+                        Request timeout
+                    </MudText>
+
+                    <MudTextField Class="setting-field" Value="@ViewModel.RequestTimeout"/>
+                </div>
+
+                <MudSlider Value="@ViewModel.RequestTimeout" Color="Color.Primary" Variant="Variant.Filled"/>
             </div>
 
+            <div class="setting-container">
+                                                <div class="flex-row">
 
-            <div>
                 <MudText>
                     Context size
                 </MudText>
 
                 <MudTextField Value="ViewModel.ContextSize"/>
+                </div>
             </div>
 
         </MudStack>

diff --git a/LM-Kit-Maestro/UI/Razor/Components/ChatSettings.razor.css b/LM-Kit-Maestro/UI/Razor/Components/ChatSettings.razor.css
@@ -1,3 +1,16 @@
-.setting{
+.setting-container {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
 
+.flex-row{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+::deep .setting-field {
+    min-width: 60px !important;
+    max-width: 60px !important;
 }