monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): use chevron icons for filetree folders

Browse Source
This commit is contained in:
David Hill
2026-01-26 18:19:20 +00:00
parent f4392e023a
commit 9babdb80cf
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/components/file-tree.tsx
View File

@@ -1,6 +1,7 @@
import { useFile } from "@/context/file" import { useFile } from "@/context/file"
import { Collapsible } from "@opencode-ai/ui/collapsible" import { Collapsible } from "@opencode-ai/ui/collapsible"
import { FileIcon } from "@opencode-ai/ui/file-icon" import { FileIcon } from "@opencode-ai/ui/file-icon"
import { Icon } from "@opencode-ai/ui/icon"
import { Tooltip } from "@opencode-ai/ui/tooltip" import { Tooltip } from "@opencode-ai/ui/tooltip"
import { import {
createEffect, createEffect,
@@ -174,7 +175,9 @@ export default function FileTree(props: {
<Collapsible.Trigger> <Collapsible.Trigger>
<Wrapper> <Wrapper>
<Node node={node}> <Node node={node}>
<Collapsible.Arrow class="text-icon-weak ml-1" /> <div class="ml-1 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" /> <FileIcon node={node} expanded={expanded()} class="text-icon-weak -ml-1 size-4" />
</Node> </Node>
</Wrapper> </Wrapper>