Change the default font size in code editor to be 12 (#1021)

skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx

@@ -293,7 +293,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                                 <CodeEditor
                                   {...field}
                                   language="json"
-                                  fontSize={12}
                                   minHeight="96px"
                                   maxHeight="500px"
                                   value={
@@ -388,7 +387,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}
@@ -509,7 +507,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}

skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx

@@ -462,7 +462,6 @@ function SavedTaskForm({ initialValues }: Props) {
                                 <CodeEditor
                                   {...field}
                                   language="json"
-                                  fontSize={12}
                                   minHeight="96px"
                                   maxHeight="500px"
                                   value={
@@ -557,7 +556,6 @@ function SavedTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={14}
                               minHeight="96px"
                               maxHeight="500px"
                               value={
@@ -683,7 +681,6 @@ function SavedTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}

skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx

@@ -125,7 +125,6 @@ function TaskDetails() {
         language="json"
         value={JSON.stringify(task.extracted_information, null, 2)}
         readOnly
-        fontSize={12}
         minHeight={"96px"}
         maxHeight={"500px"}
         className="w-full"
@@ -149,7 +148,6 @@ function TaskDetails() {
         language="json"
         value={JSON.stringify(task.failure_reason, null, 2)}
         readOnly
-        fontSize={12}
         minHeight={"96px"}
         maxHeight={"500px"}
         className="w-full"

skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx

@@ -76,7 +76,6 @@ function TaskParameters() {
           readOnly
           minHeight="96px"
           maxHeight="500px"
-          fontSize={12}
         />
       </div>
       <div className="flex gap-16">
@@ -113,7 +112,6 @@ function TaskParameters() {
           readOnly
           minHeight="96px"
           maxHeight="500px"
-          fontSize={12}
         />
       </div>
     </section>

skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx

@@ -21,7 +21,6 @@ function WorkflowParameterInput({ type, value, onChange }: Props) {
         value={
           typeof value === "string" ? value : JSON.stringify(value, null, 2)
         }
-        fontSize={12}
       />
     );
   }

skyvern-frontend/src/routes/workflows/WorkflowRun.tsx

@@ -494,7 +494,6 @@ function WorkflowRun() {
                     value={JSON.stringify(value, null, 2)}
                     readOnly
                     language="json"
-                    fontSize={12}
                     minHeight="96px"
                     maxHeight="500px"
                   />

skyvern-frontend/src/routes/workflows/components/CodeEditor.tsx

@@ -23,7 +23,7 @@ function CodeEditor({
   language,
   className,
   readOnly = false,
-  fontSize = 8,
+  fontSize = 12,
 }: Props) {
   const extensions =
     language === "json"

skyvern-frontend/src/routes/workflows/components/DataSchema.tsx

@@ -41,6 +41,7 @@ function DataSchema({ value, onChange }: Props) {
             // TODO
           }}
           className="nowheel nopan"
+          fontSize={8}
         />
       </div>
     </div>

skyvern-frontend/src/routes/workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx

@@ -70,6 +70,7 @@ function CodeBlockNode({ id, data }: NodeProps<CodeBlockNode>) {
               updateNodeData(id, { code: value });
             }}
             className="nopan"
+            fontSize={8}
           />
         </div>
       </div>

skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx

@@ -223,6 +223,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                           handleChange("dataSchema", value);
                         }}
                         className="nowheel nopan"
+                        fontSize={8}
                       />
                     </div>
                   )}
@@ -324,6 +325,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                           handleChange("errorCodeMapping", value);
                         }}
                         className="nowheel nopan"
+                        fontSize={8}
                       />
                     </div>
                   )}

skyvern-frontend/src/routes/workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx

@@ -115,6 +115,7 @@ function TextPromptNode({ id, data }: NodeProps<TextPromptNode>) {
                   updateNodeData(id, { jsonSchema: value });
                 }}
                 className="nowheel nopan"
+                fontSize={8}
               />
             </div>
           )}