aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2026-01-07 18:04:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): give review pane more width

Browse Source
This commit is contained in:
Adam
2025-11-11 13:02:59 -06:00
parent b5cc27b8ea
commit 98be75b17c
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/desktop/src/pages/session.tsx
View File

@@ -332,11 +332,12 @@ export default function Page() {
<Tabs.Content value="chat" class="@container select-text flex flex-col flex-1 min-h-0 overflow-y-hidden"> <Tabs.Content value="chat" class="@container select-text flex flex-col flex-1 min-h-0 overflow-y-hidden">
<div <div
classList={{ classList={{
"w-full grid flex-1 min-h-0": true, "w-full flex-1 min-h-0": true,
"grid-cols-2": local.layout.review.state() === "open", grid: local.layout.review.state() !== "open",
flex: local.layout.review.state() === "open",
}} }}
> >
<div class="relative px-6 py-2 w-full flex flex-col gap-6 flex-1 min-h-0 max-w-2xl mx-auto"> <div class="relative shrink-0 px-6 py-2 flex flex-col gap-6 flex-1 min-h-0 w-full max-w-xl mx-auto">
<Switch> <Switch>
<Match when={session.id}> <Match when={session.id}>
<div class="h-8 flex shrink-0 self-stretch items-center justify-end"> <div class="h-8 flex shrink-0 self-stretch items-center justify-end">
@@ -357,8 +358,8 @@ export default function Page() {
role="list" role="list"
classList={{ classList={{
"mr-8 shrink-0 flex flex-col items-start": true, "mr-8 shrink-0 flex flex-col items-start": true,
"absolute right-full w-60 @7xl:gap-2": true, // local.layout.review.state() !== "open", "absolute right-full w-60 @7xl:gap-2": local.layout.review.state() !== "open",
"": local.layout.review.state() === "open", "mt-1": local.layout.review.state() === "open",
}} }}
> >
<For each={session.messages.user()}> <For each={session.messages.user()}>
@@ -436,7 +437,7 @@ export default function Page() {
</For> </For>
</ul> </ul>
</Show> </Show>
<div ref={messageScrollElement} class="grow w-full min-w-0 h-full overflow-y-auto no-scrollbar"> <div ref={messageScrollElement} class="grow size-full min-w-0 overflow-y-auto no-scrollbar">
<For each={session.messages.user()}> <For each={session.messages.user()}>
{(message) => { {(message) => {
const isActive = createMemo(() => session.messages.active()?.id === message.id) const isActive = createMemo(() => session.messages.active()?.id === message.id)
@@ -655,7 +656,7 @@ export default function Page() {
<Show when={local.layout.review.state() === "open"}> <Show when={local.layout.review.state() === "open"}>
<div <div
classList={{ classList={{
"relative px-6 py-2 w-full flex flex-col gap-6 flex-1 min-h-0 border-l border-border-weak-base": true, "relative grow px-6 py-2 w-full flex flex-col gap-6 flex-1 min-h-0 border-l border-border-weak-base": true,
}} }}
> >
<div class="h-8 w-full flex items-center justify-between shrink-0 self-stretch"> <div class="h-8 w-full flex items-center justify-between shrink-0 self-stretch">