diff options
| author | Adam <[email protected]> | 2025-12-16 16:56:34 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-12-16 17:31:26 -0600 |
| commit | db2abc1b2c144f63a205f668bd7267e00829d84a (patch) | |
| tree | 65d75a6b36749a3b473376170eddc3cc772a8fc3 | |
| parent | a0f9f8dabb42979911107fc3630bda1867549415 (diff) | |
| download | opencode-db2abc1b2c144f63a205f668bd7267e00829d84a.tar.gz opencode-db2abc1b2c144f63a205f668bd7267e00829d84a.zip | |
tui: increase session width to accommodate longer code blocks and improve readability
| -rw-r--r-- | packages/desktop/src/pages/session.tsx | 10 | ||||
| -rw-r--r-- | packages/enterprise/src/routes/share/[shareID].tsx | 6 | ||||
| -rw-r--r-- | packages/ui/src/components/session-message-rail.css | 2 |
3 files changed, 9 insertions, 9 deletions
diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx index 1b23ad5f2..d024d5047 100644 --- a/packages/desktop/src/pages/session.tsx +++ b/packages/desktop/src/pages/session.tsx @@ -632,7 +632,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-146 mx-auto": !wide(), + "max-w-200 mx-auto": !wide(), }} > <Switch> @@ -656,7 +656,7 @@ export default function Page() { container: "w-full " + (wide() - ? "max-w-146 mx-auto px-6" + ? "max-w-200 mx-auto px-6" : visibleUserMessages().length > 1 ? "pr-6 pl-18" : "px-6"), @@ -666,7 +666,7 @@ export default function Page() { </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-146 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-200 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" /> @@ -692,7 +692,7 @@ export default function Page() { </Match> </Switch> <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"> + <div class="w-full max-w-200 px-6"> <PromptInput ref={(el) => { inputRef = el @@ -806,7 +806,7 @@ export default function Page() { </DragOverlay> </DragDropProvider> <Show when={tabs().active()}> - <div class="absolute inset-x-0 px-6 max-w-146 flex flex-col justify-center items-center z-50 mx-auto bottom-8"> + <div class="absolute inset-x-0 px-6 max-w-200 flex flex-col justify-center items-center z-50 mx-auto bottom-8"> <PromptInput ref={(el) => { inputRef = el diff --git a/packages/enterprise/src/routes/share/[shareID].tsx b/packages/enterprise/src/routes/share/[shareID].tsx index bc3ca9f08..4f9f95c01 100644 --- a/packages/enterprise/src/routes/share/[shareID].tsx +++ b/packages/enterprise/src/routes/share/[shareID].tsx @@ -327,13 +327,13 @@ export default function () { <div classList={{ "@container relative shrink-0 pt-14 flex flex-col gap-10 min-h-0 w-full": true, - "mx-auto max-w-146": !wide(), + "mx-auto max-w-200": !wide(), }} > <div classList={{ "w-full flex justify-start items-start min-w-0": true, - "max-w-146 mx-auto px-6": wide(), + "max-w-200 mx-auto px-6": wide(), "pr-6 pl-18": !wide() && messages().length > 1, "px-6": !wide() && messages().length === 1, }} @@ -356,7 +356,7 @@ export default function () { container: "w-full pb-20 " + (wide() - ? "max-w-146 mx-auto px-6" + ? "max-w-200 mx-auto px-6" : messages().length > 1 ? "pr-6 pl-18" : "px-6"), diff --git a/packages/ui/src/components/session-message-rail.css b/packages/ui/src/components/session-message-rail.css index 03f0bb3ef..dc2352c22 100644 --- a/packages/ui/src/components/session-message-rail.css +++ b/packages/ui/src/components/session-message-rail.css @@ -32,7 +32,7 @@ [data-component="session-message-rail"][data-wide] [data-slot="session-message-rail-full"] { margin-top: 0.125rem; - left: calc(((100% - min(100%, 36.5rem)) / 2) - 1.5rem); + left: calc(((100% - min(100%, 50rem)) / 2) - 1.5rem); transform: translateX(-100%); } |