aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-22 18:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): layout quirks

Browse Source
This commit is contained in:
Adam
2025-11-07 06:26:26 -06:00
parent ce7b73170f
commit e5804f64f9
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -358,12 +358,12 @@ export default function Page() {
return ( return (
<div <div
classList={{ classList={{
"w-full grid flex-1 _gap-6 min-h-0": true, "w-full grid flex-1 min-h-0": true,
"grid-cols-2": local.layout.review.state() === "open", "grid-cols-2": local.layout.review.state() === "open",
"max-w-2xl mx-auto": local.layout.review.state() !== "open", "max-w-2xl mx-auto": local.layout.review.state() !== "open",
}} }}
> >
<div class="relative px-6 py-2 w-full flex flex-col gap-6 flex-1 min-h-0"> <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="h-8 flex shrink-0 self-stretch items-center justify-end"> <div class="h-8 flex shrink-0 self-stretch items-center justify-end">
<Show when={local.layout.review.state() === "closed" && session.diffs().length}> <Show when={local.layout.review.state() === "closed" && session.diffs().length}>
<Button icon="layout-right" onClick={local.layout.review.open}> <Button icon="layout-right" onClick={local.layout.review.open}>
@@ -373,7 +373,7 @@ export default function Page() {
</div> </div>
<div <div
classList={{ classList={{
"flex-1 min-h-0": true, "flex-1 min-h-0 pb-20": true,
"flex items-start justify-start": local.layout.review.state() === "open", "flex items-start justify-start": local.layout.review.state() === "open",
}} }}
> >
@@ -382,7 +382,7 @@ 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": local.layout.review.state() !== "open", "absolute right-full w-60 @7xl:gap-2": true, // local.layout.review.state() !== "open",
"": local.layout.review.state() === "open", "": local.layout.review.state() === "open",
}} }}
> >
@@ -498,7 +498,7 @@ export default function Page() {
<Show when={isActive()}> <Show when={isActive()}>
<div <div
data-message={message.id} data-message={message.id}
class="flex flex-col items-start self-stretch gap-8 pb-50" class="flex flex-col items-start self-stretch gap-8 pb-20"
> >
{/* Title */} {/* Title */}
<div class="flex flex-col items-start gap-2 self-stretch sticky top-0 bg-background-stronger z-10 pb-1"> <div class="flex flex-col items-start gap-2 self-stretch sticky top-0 bg-background-stronger z-10 pb-1">
@@ -645,6 +645,14 @@ export default function Page() {
}} }}
</For> </For>
</div> </div>
<div class="absolute inset-x-0 px-6 max-w-2xl flex flex-col justify-center items-center z-50 mx-auto bottom-8">
<PromptInput
ref={(el) => {
inputRef = el
}}
/>
</div>
</div> </div>
</div> </div>
<Show when={local.layout.review.state() === "open"}> <Show when={local.layout.review.state() === "open"}>
@@ -826,13 +834,6 @@ export default function Page() {
</Show> </Show>
</DragOverlay> </DragOverlay>
</DragDropProvider> </DragDropProvider>
<div class="absolute inset-x-0 px-6 max-w-2xl flex flex-col justify-center items-center z-50 mx-auto bottom-8">
<PromptInput
ref={(el) => {
inputRef = el
}}
/>
</div>
<div class="hidden shrink-0 w-56 p-2 h-full overflow-y-auto"> <div class="hidden shrink-0 w-56 p-2 h-full overflow-y-auto">
{/* <FileTree path="" onFileClick={ handleTabClick} /> */} {/* <FileTree path="" onFileClick={ handleTabClick} /> */}
</div> </div>