make model param full width

Agenta-AI · Apr 2, 2024 · 234600f · 234600f
1 parent 98f87b8
commit 234600f
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/agenta-web/src/components/Playground/Views/ParametersCards.tsx b/agenta-web/src/components/Playground/Views/ParametersCards.tsx
@@ -80,20 +80,23 @@ interface GroupedSelectProps {
     handleChange: (value: string) => void
 }
 
-const GroupedSelect: React.FC<GroupedSelectProps> = ({choices, defaultValue, handleChange}) => (
-    <Select
-        defaultValue={defaultValue}
-        style={{width: 200}}
-        onChange={handleChange}
-        options={Object.entries(choices).map(([groupLabel, groupChoices]) => ({
-            label: groupLabel,
-            options: groupChoices.map((choice) => ({
-                label: choice,
-                value: choice,
-            })),
-        }))}
-    />
-)
+const GroupedSelect: React.FC<GroupedSelectProps> = ({choices, defaultValue, handleChange}) => {
+    const classes = useStyles()
+    return (
+        <Select
+            defaultValue={defaultValue}
+            className={classes.select}
+            onChange={handleChange}
+            options={Object.entries(choices).map(([groupLabel, groupChoices]) => ({
+                label: groupLabel,
+                options: groupChoices.map((choice) => ({
+                    label: choice,
+                    value: choice,
+                })),
+            }))}
+        />
+    )
+}
 
 interface ModelParametersProps {
     optParams: Parameter[] | null