diff options
| author | David Hill <[email protected]> | 2026-03-08 13:34:56 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-03-08 13:34:56 +0000 |
| commit | d15c2ce349f7c73aad25138de27df61ebe9bc634 (patch) | |
| tree | e167b329dc5372496775fc28aa0d5c217612b9fb | |
| parent | 5cc4bb408914e2da35de66def1925867bceac230 (diff) | |
| download | opencode-d15c2ce349f7c73aad25138de27df61ebe9bc634.tar.gz opencode-d15c2ce349f7c73aad25138de27df61ebe9bc634.zip | |
tui: fix sidebar background color when collapsed
When the sidebar was collapsed (not on mobile), the background color was showing as the stronger variant instead of matching the base background. This fixes the hover state detection so users see a consistent lighter background when the sidebar is in collapsed mode.
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 30925191f..b7ac28ae1 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1891,6 +1891,7 @@ export default function Layout(props: ParentProps) { const SidebarPanel = (panelProps: { project: LocalProject | undefined; mobile?: boolean; merged?: boolean }) => { const merged = createMemo(() => panelProps.mobile || (panelProps.merged ?? layout.sidebar.opened())) + const hover = createMemo(() => !panelProps.mobile && panelProps.merged === false && !layout.sidebar.opened()) const projectName = createMemo(() => { const project = panelProps.project if (!project) return "" @@ -1919,8 +1920,8 @@ export default function Layout(props: ParentProps) { "flex flex-col min-h-0 min-w-0 rounded-tl-[12px] px-2": true, "border border-b-0 border-border-weak-base": !merged(), "border-l border-t border-border-weaker-base": merged(), - "bg-background-base": merged(), - "bg-background-stronger": !merged(), + "bg-background-base": merged() || hover(), + "bg-background-stronger": !merged() && !hover(), "flex-1 min-w-0": panelProps.mobile, "max-w-full overflow-hidden": panelProps.mobile, }} |