diff options
| author | Adam <[email protected]> | 2025-11-27 05:41:50 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-11-27 05:41:50 -0600 |
| commit | c120447fd0e1b319d9f6fe52afae63dc2b4739f9 (patch) | |
| tree | c2ec40579accbd19e7a18d455464e60c96a1e295 | |
| parent | feb1f36126b812f3cff0dcddca5060977c1cb00a (diff) | |
| download | opencode-c120447fd0e1b319d9f6fe52afae63dc2b4739f9.tar.gz opencode-c120447fd0e1b319d9f6fe52afae63dc2b4739f9.zip | |
fix: desktop layout and scroll gutters
| -rw-r--r-- | packages/desktop/src/pages/session.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx index fd61c15ec..2b7374508 100644 --- a/packages/desktop/src/pages/session.tsx +++ b/packages/desktop/src/pages/session.tsx @@ -333,7 +333,12 @@ export default function Page() { flex: layout.review.state() === "pane", }} > - <div class="relative shrink-0 py-3 flex flex-col gap-6 flex-1 min-h-0 w-full max-w-2xl mx-auto"> + <div + classList={{ + "relative shrink-0 py-3 flex flex-col gap-6 flex-1 min-h-0 w-full": true, + "max-w-2xl mx-auto": !wide(), + }} + > <Switch> <Match when={session.id}> <div class="flex items-start justify-start h-full min-h-0"> @@ -350,7 +355,7 @@ export default function Page() { <MessageNav classList={{ "hidden @6xl:flex": true, - "mt-0.5 mr-3 absolute right-full": wide(), + "mt-0.5 mr-3 absolute left-6": wide(), "mt-3 absolute left-6": !wide(), }} messages={session.messages.user()} @@ -367,13 +372,13 @@ export default function Page() { classes={{ root: "pb-20 flex-1 min-w-0", content: "pb-20", - container: wide() ? "px-6" : "pr-6 pl-18 @6xl:pr-6", + container: wide() ? "max-w-2xl mx-auto px-6" : "max-w-2xl mx-auto pr-6 pl-18 @6xl:pr-6", }} /> </div> </Match> <Match when={true}> - <div class="size-full flex flex-col pb-45 justify-end items-start gap-4 flex-[1_0_0] self-stretch"> + <div class="size-full flex flex-col pb-45 justify-end items-start gap-4 flex-[1_0_0] self-stretch max-w-2xl mx-auto px-6"> <div class="text-20-medium text-text-weaker">New session</div> <div class="flex justify-center items-center gap-3"> <Icon name="folder" size="small" /> |