diff options
| author | David Hill <[email protected]> | 2026-01-26 19:43:11 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-26 19:50:05 +0000 |
| commit | 3f9b59c7988c6b39d652d88146819d290c2b3d4e (patch) | |
| tree | 0bc282cc7a5d0deef341e1686732aa1c27470717 /packages/app/src | |
| parent | c6febd8ddd521822c38fc9c7f34f20af1debe594 (diff) | |
| download | opencode-3f9b59c7988c6b39d652d88146819d290c2b3d4e.tar.gz opencode-3f9b59c7988c6b39d652d88146819d290c2b3d4e.zip | |
fix(app): move file tree toggle to right
Diffstat (limited to 'packages/app/src')
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 9db0cdcec..1e18d2915 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -281,32 +281,6 @@ export function SessionHeader() { </TooltipKeybind> </div> <div class="hidden md:block shrink-0"> - <Tooltip value={language.t("command.fileTree.toggle")} placement="bottom"> - <Button - variant="ghost" - class="group/file-tree-toggle size-5 p-0" - onClick={() => { - const opening = !layout.fileTree.opened() - if (opening && !view().reviewPanel.opened()) view().reviewPanel.open() - layout.fileTree.toggle() - }} - aria-label={language.t("command.fileTree.toggle")} - aria-expanded={layout.fileTree.opened()} - > - <div class="relative flex items-center justify-center size-4"> - <Icon - size="small" - name="bullet-list" - classList={{ - "text-icon-strong": layout.fileTree.opened(), - "text-icon-weak": !layout.fileTree.opened(), - }} - /> - </div> - </Button> - </Tooltip> - </div> - <div class="hidden md:block shrink-0"> <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}> <Button variant="ghost" @@ -337,6 +311,32 @@ export function SessionHeader() { </Button> </TooltipKeybind> </div> + <div class="hidden md:block shrink-0"> + <Tooltip value="Toggle file tree" placement="bottom"> + <Button + variant="ghost" + class="group/file-tree-toggle size-5 p-0" + onClick={() => { + const opening = !layout.fileTree.opened() + if (opening && !view().reviewPanel.opened()) view().reviewPanel.open() + layout.fileTree.toggle() + }} + aria-label="Toggle file tree" + aria-expanded={layout.fileTree.opened()} + > + <div class="relative flex items-center justify-center size-4"> + <Icon + size="small" + name="bullet-list" + classList={{ + "text-icon-strong": layout.fileTree.opened(), + "text-icon-weak": !layout.fileTree.opened(), + }} + /> + </div> + </Button> + </Tooltip> + </div> </div> </Portal> )} |