From ebb8ca0ffd967f93248a34d3aa51a5b7caf59ae8 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <shu@skyvern.com>
Date: Wed, 16 Oct 2024 17:34:47 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20synced=20local=20'skyvern-fronte?=
 =?UTF-8?q?nd/src/'=20with=20remote=20'skyvern-frontend/src/'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- ELLIPSIS_HIDDEN -->

> [!IMPORTANT]
> Reduce `ScrollAreaViewport` max height in `WorkflowParametersPanel.tsx` for improved small screen display.
>
>   - **UI Adjustment**:
>     - In `WorkflowParametersPanel.tsx`, change `ScrollAreaViewport` max height from `600px` to `max-h-96` (384px) for better display on smaller screens.
>
> <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=Skyvern-AI%2Fskyvern-cloud&utm_source=github&utm_medium=referral)<sup> for 09a1216bad70de9b0b4b2bd7b79ebecdc8f59869. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->
---
 .../routes/workflows/editor/panels/WorkflowParametersPanel.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
index e369d1a594..b03e9a8c8e 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
@@ -107,7 +107,7 @@ function WorkflowParametersPanel() {
         </DropdownMenu>
 
         <ScrollArea>
-          <ScrollAreaViewport className="max-h-[600px]">
+          <ScrollAreaViewport className="max-h-96">
             <section className="space-y-2">
               {workflowParameters.map((parameter) => {
                 return (