increased url image sizes

Agenta-AI · Dec 7, 2023 · 9f753e1 · 9f753e1
1 parent 016c119
commit 9f753e1
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/agenta-web/src/components/EvaluationTable/SingleModelEvaluationTable.tsx b/agenta-web/src/components/EvaluationTable/SingleModelEvaluationTable.tsx
@@ -9,7 +9,6 @@ import {
     Radio,
     Row,
     Space,
-    Spin,
     Statistic,
     Table,
     Typography,

diff --git a/agenta-web/src/components/Evaluations/EvaluationCardView/index.tsx b/agenta-web/src/components/Evaluations/EvaluationCardView/index.tsx
@@ -366,6 +366,7 @@ const EvaluationCardView: React.FC<Props> = ({
                             useChatDefaultValue
                             form={form}
                             onFinish={() => onRun(scenarioId)}
+                            imageSize="large"
                         />
 
                         <div className={classes.toolBar}>

diff --git a/agenta-web/src/components/Playground/ParamsForm/ParamsForm.tsx b/agenta-web/src/components/Playground/ParamsForm/ParamsForm.tsx
@@ -28,13 +28,16 @@ const useStyles = createUseStyles({
     },
 })
 
+const ASPECT_RATIO = 1.55
+
 interface Props {
     inputParams: (Parameter & {value: any})[]
     onFinish?: (values: GenericObject) => void
     onParamChange?: (name: string, value: any) => void
     isChatVariant?: boolean
     useChatDefaultValue?: boolean
     form?: FormInstance<GenericObject>
+    imageSize?: "small" | "large"
 }
 
 const ParamsForm: React.FC<Props> = ({
@@ -44,8 +47,10 @@ const ParamsForm: React.FC<Props> = ({
     isChatVariant,
     useChatDefaultValue,
     form,
+    imageSize = "small",
 }) => {
     const classes = useStyles()
+    const imgHeight = imageSize === "small" ? 90 : 120
 
     const chat = inputParams.find((param) => param.name === "chat")?.value
 
@@ -83,8 +88,8 @@ const ParamsForm: React.FC<Props> = ({
                                     formInstance.getFieldError(param.name).length === 0 && (
                                         <Image
                                             src={param.value}
-                                            width={140}
-                                            height={90}
+                                            width={imgHeight * ASPECT_RATIO}
+                                            height={imgHeight}
                                             className={classes.cover}
                                             fallback="/assets/fallback.png"
                                         />

diff --git a/agenta-web/src/components/Playground/Views/TestView.tsx b/agenta-web/src/components/Playground/Views/TestView.tsx
@@ -152,6 +152,7 @@ const BoxComponent: React.FC<BoxComponentProps> = ({
                     onFinish={onRun}
                     onParamChange={onInputParamChange}
                     form={form}
+                    imageSize="large"
                 />
             </Row>
             <Row className={classes.row2} style={{marginBottom: isChatVariant ? 12 : 0}}>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,6 @@ import { @@
         Radio,
         Row,
         Space,
-        Spin,
         Statistic,
         Table,
         Typography,
@@ Expand Down @@