diff options
| author | David Hill <[email protected]> | 2026-01-26 18:16:08 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-26 19:47:58 +0000 |
| commit | f4392e023aea6e606d4ec42970c0a4aa01bdb063 (patch) | |
| tree | eae22211d6d7af892e157e44674829c73ca66e5d /packages | |
| parent | 0e08c6c9fde902f42b63a641894a0b8e25d55335 (diff) | |
| download | opencode-f4392e023aea6e606d4ec42970c0a4aa01bdb063.tar.gz opencode-f4392e023aea6e606d4ec42970c0a4aa01bdb063.zip | |
fix(app): tighten filetree row spacing
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/app/src/components/file-tree.tsx | 7 | ||||
| -rw-r--r-- | packages/ui/src/components/collapsible.css | 6 |
2 files changed, 10 insertions, 3 deletions
diff --git a/packages/app/src/components/file-tree.tsx b/packages/app/src/components/file-tree.tsx index 283bceac7..07dad46d8 100644 --- a/packages/app/src/components/file-tree.tsx +++ b/packages/app/src/components/file-tree.tsx @@ -96,7 +96,7 @@ export default function FileTree(props: { <Dynamic component={local.as ?? "div"} classList={{ - "w-full min-w-0 flex items-center justify-start gap-x-2 rounded-md px-2 py-1 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-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, ...(local.classList ?? {}), [local.class ?? ""]: !!local.class, [props.nodeClass ?? ""]: !!props.nodeClass, @@ -147,7 +147,7 @@ export default function FileTree(props: { } return ( - <div class={`flex flex-col ${props.class ?? ""}`}> + <div class={`flex flex-col gap-0.5 ${props.class ?? ""}`}> <For each={nodes()}> {(node) => { const expanded = () => file.tree.state(node.path)?.expanded ?? false @@ -166,6 +166,7 @@ export default function FileTree(props: { <Collapsible variant="ghost" class="w-full" + data-scope="filetree" forceMount={false} open={expanded()} onOpenChange={(open) => (open ? file.tree.expand(node.path) : file.tree.collapse(node.path))} @@ -178,7 +179,7 @@ export default function FileTree(props: { </Node> </Wrapper> </Collapsible.Trigger> - <Collapsible.Content> + <Collapsible.Content class="mt-0.5"> <FileTree path={node.path} level={level + 1} diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css index c2b09f761..1f20cf85d 100644 --- a/packages/ui/src/components/collapsible.css +++ b/packages/ui/src/components/collapsible.css @@ -76,6 +76,12 @@ } } } + + &[data-variant="ghost"][data-scope="filetree"] { + > [data-slot="collapsible-trigger"] { + height: 24px; + } + } } @keyframes slideDown { |