clone/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-02-01 22:48:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

tui: increase session width to accommodate longer code blocks and improve readability

Browse Source
This commit is contained in:
Adam
2025-12-16 16:56:34 -06:00
parent a0f9f8dabb
commit db2abc1b2c
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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

6
packages/enterprise/src/routes/share/[shareID].tsx
View File

@@ -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"),

2
packages/ui/src/components/session-message-rail.css
View File

@@ -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%);
}