Debugger: Increase left-side width (#3350)

This commit is contained in:
Jonathan Dobson
2025-09-03 12:25:23 -04:00
committed by GitHub
parent 5da9b78e10
commit 54395bc36a
2 changed files with 3 additions and 3 deletions

View File

@@ -731,7 +731,7 @@ function Workspace({
<div className="relative flex h-full w-full overflow-hidden overflow-x-hidden">
{/* infinite canvas */}
<div
className={cn("skyvern-split-left h-full w-[33rem] min-w-[33rem]", {
className={cn("skyvern-split-left h-full w-[39rem] min-w-[39rem]", {
"w-full": !showBrowser,
})}
>
@@ -755,7 +755,7 @@ function Workspace({
{/* browser & timeline & sub-panels in debug mode */}
{showBrowser && (
<div className="skyvern-split-right relative flex h-full w-[calc(100%_-_33rem)] items-end justify-center bg-[#020617] p-4 pl-6">
<div className="skyvern-split-right relative flex h-full w-[calc(100%_-_39rem)] items-end justify-center bg-[#020617] p-4 pl-6">
{/* sub panels */}
{workflowPanelState.active && (
<div

View File

@@ -149,7 +149,7 @@ export function descendants(nodes: Array<AppNode>, id: string): Array<AppNode> {
export function getLoopNodeWidth(node: AppNode, nodes: Array<AppNode>): number {
const maxNesting = maxNestingLevel(nodes);
const nestingLevel = getNestingLevel(node, nodes);
return 600 + (maxNesting - nestingLevel) * 50;
return 450 + (maxNesting - nestingLevel) * 50;
}
function maxNestingLevel(nodes: Array<AppNode>): number {