diff options
| author | Anton Volkov <[email protected]> | 2026-02-17 23:24:01 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-02-17 16:24:01 -0600 |
| commit | 5512231ca8744b222e5ecbd6e2c5140a204245af (patch) | |
| tree | f0e046e8f77988c3af1b7fa033c07156f989c596 | |
| parent | bad394cd497da2245956e3e301b12351a379a940 (diff) | |
| download | opencode-5512231ca8744b222e5ecbd6e2c5140a204245af.tar.gz opencode-5512231ca8744b222e5ecbd6e2c5140a204245af.zip | |
fix(tui): style scrollbox for permission and sidebar (#12752)
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx | 10 | ||||
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx | 10 |
2 files changed, 18 insertions, 2 deletions
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx index 9b18c3445..389fc2418 100644 --- a/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx +++ b/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx @@ -65,7 +65,15 @@ function EditBody(props: { request: PermissionRequest }) { return ( <box flexDirection="column" gap={1}> <Show when={diff()}> - <scrollbox height="100%"> + <scrollbox + height="100%" + verticalScrollbarOptions={{ + trackOptions: { + backgroundColor: theme.background, + foregroundColor: theme.borderActive, + }, + }} + > <diff diff={diff()} view={view()} diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx index 4ffe91558..42ac5fbe0 100644 --- a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx +++ b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx @@ -80,7 +80,15 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) { paddingRight={2} position={props.overlay ? "absolute" : "relative"} > - <scrollbox flexGrow={1}> + <scrollbox + flexGrow={1} + verticalScrollbarOptions={{ + trackOptions: { + backgroundColor: theme.background, + foregroundColor: theme.borderActive, + }, + }} + > <box flexShrink={0} gap={1} paddingRight={1}> <box paddingRight={1}> <text fg={theme.text}> |