diff options
| author | Adam <[email protected]> | 2025-11-28 05:35:30 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-11-28 05:35:35 -0600 |
| commit | 5efeaae093a5b64478b285b9f03098f3b096f0ba (patch) | |
| tree | 998fdae7020cfa345616f1ecc8397806e7b9a6b2 /packages/desktop/src | |
| parent | cb2dd34a5e6d24e6e25e58b44db10fd823b83bc4 (diff) | |
| download | opencode-5efeaae093a5b64478b285b9f03098f3b096f0ba.tar.gz opencode-5efeaae093a5b64478b285b9f03098f3b096f0ba.zip | |
fix: desktop and share layouts
Diffstat (limited to 'packages/desktop/src')
| -rw-r--r-- | packages/desktop/src/pages/session.tsx | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx index 55dd206fb..c990bf87f 100644 --- a/packages/desktop/src/pages/session.tsx +++ b/packages/desktop/src/pages/session.tsx @@ -336,7 +336,7 @@ export default function Page() { <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(), + "max-w-146 mx-auto": !wide(), }} > <Switch> @@ -355,7 +355,7 @@ export default function Page() { <MessageNav classList={{ "hidden @6xl:flex absolute": true, - "mt-0.5 left-[calc((100%_-_min(100%,_42rem))_/_2)] -translate-x-full": wide(), + "mt-0.5 left-[calc(((100%_-_min(100%,_36.5rem))_/_2)-1.5rem)] -translate-x-full": wide(), "mt-2.5 left-6": !wide(), }} messages={session.messages.user()} @@ -372,13 +372,13 @@ export default function Page() { classes={{ root: "pb-20 flex-1 min-w-0", content: "pb-20", - container: wide() ? "max-w-2xl mx-auto px-6" : "max-w-2xl mx-auto pr-6 pl-18", + container: "w-full " + (wide() ? "max-w-146 mx-auto px-6" : "pr-6 pl-18"), }} /> </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 max-w-2xl mx-auto px-6"> + <div class="size-full flex flex-col pb-45 justify-end items-start gap-4 flex-[1_0_0] self-stretch max-w-146 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" /> @@ -399,12 +399,14 @@ export default function Page() { </div> </Match> </Switch> - <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 class="absolute inset-x-0 bottom-8 flex flex-col justify-center items-center z-50"> + <div class="w-full max-w-146 px-6"> + <PromptInput + ref={(el) => { + inputRef = el + }} + /> + </div> </div> </div> <Show when={layout.review.state() === "pane" && session.diffs().length}> @@ -507,7 +509,7 @@ export default function Page() { </DragOverlay> </DragDropProvider> <Show when={session.layout.tabs.active}> - <div class="absolute inset-x-0 px-6 max-w-2xl flex flex-col justify-center items-center z-50 mx-auto bottom-8"> + <div class="absolute inset-x-0 px-6 max-w-146 flex flex-col justify-center items-center z-50 mx-auto bottom-8"> <PromptInput ref={(el) => { inputRef = el |