diff options
| author | David Hill <[email protected]> | 2026-01-26 18:30:58 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-26 19:47:58 +0000 |
| commit | 99cd7f34689b0252214699bd10eb9cb4c56fcae7 (patch) | |
| tree | fdffa15c4178d1443f49d3e38d46ab5a8bf023cf /packages/app/src | |
| parent | fca0825b71b7b419280140808f180e329d08148d (diff) | |
| download | opencode-99cd7f34689b0252214699bd10eb9cb4c56fcae7.tar.gz opencode-99cd7f34689b0252214699bd10eb9cb4c56fcae7.zip | |
fix(app): refine filetree row spacing and indent
Diffstat (limited to 'packages/app/src')
| -rw-r--r-- | packages/app/src/components/file-tree.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/packages/app/src/components/file-tree.tsx b/packages/app/src/components/file-tree.tsx index 95b66cea4..8f5502ffb 100644 --- a/packages/app/src/components/file-tree.tsx +++ b/packages/app/src/components/file-tree.tsx @@ -97,12 +97,12 @@ export default function FileTree(props: { <Dynamic component={local.as ?? "div"} classList={{ - "w-full min-w-0 h-6 flex items-center justify-start gap-x-2 rounded-md px-2 py-0 text-left hover:bg-surface-raised-base-hover active:bg-surface-base-active transition-colors cursor-pointer": true, + "w-full min-w-0 h-6 flex items-center justify-start gap-x-1.5 rounded-md px-2 py-0 text-left hover:bg-surface-raised-base-hover active:bg-surface-base-active transition-colors cursor-pointer": true, ...(local.classList ?? {}), [local.class ?? ""]: !!local.class, [props.nodeClass ?? ""]: !!props.nodeClass, }} - style={`padding-left: ${8 + level * 12}px`} + style={`padding-left: ${Math.max(0, 8 + level * 12 - (local.node.type === "file" ? 24 : 0))}px`} draggable={draggable()} onDragStart={(e: DragEvent) => { if (!draggable()) return @@ -175,10 +175,9 @@ export default function FileTree(props: { <Collapsible.Trigger> <Wrapper> <Node node={node}> - <div class="ml-1 size-4 flex items-center justify-center text-icon-weak"> + <div class="size-4 flex items-center justify-center text-icon-weak"> <Icon name={expanded() ? "chevron-down" : "chevron-right"} size="small" /> </div> - <FileIcon node={node} expanded={expanded()} class="text-icon-weak -ml-1 size-4" /> </Node> </Wrapper> </Collapsible.Trigger> |