Fix url overflow in task history (Skyvern-AI#397)

Thoughtful-Automation · May 30, 2024 · 2c434aa · 2c434aa
1 parent f091763
commit 2c434aa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx b/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
@@ -84,7 +84,7 @@ function TaskHistory() {
                 return (
                   <TableRow key={task.task_id} className="w-4">
                     <TableCell
-                      className="w-1/3 cursor-pointer"
+                      className="w-1/3 cursor-pointer max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis"
                       onClick={() => {
                         navigate(task.task_id);
                       }}

diff --git a/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx b/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx
@@ -57,7 +57,9 @@ function QueuedTasks() {
                     navigate(task.task_id);
                   }}
                 >
-                  <TableCell className="w-1/3">{task.request.url}</TableCell>
+                  <TableCell className="w-1/3 max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis">
+                    {task.request.url}
+                  </TableCell>
                   <TableCell className="w-1/3">
                     <StatusBadge status={task.status} />
                   </TableCell>