diff options
| author | Adam <[email protected]> | 2026-02-09 13:59:17 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-02-09 13:59:26 -0600 |
| commit | 19809e7680648b3ee5b9f6f4723749f8fb2af19c (patch) | |
| tree | 221ad4026b3553e3f8046a0ea84b20fccf781614 | |
| parent | 389afef33654058cc4369d2e8db8f1c195defa1f (diff) | |
| download | opencode-19809e7680648b3ee5b9f6f4723749f8fb2af19c.tar.gz opencode-19809e7680648b3ee5b9f6f4723749f8fb2af19c.zip | |
fix(app): max widths
| -rw-r--r-- | packages/app/src/components/session/session-new-view.tsx | 2 | ||||
| -rw-r--r-- | packages/app/src/pages/session/message-timeline.tsx | 6 | ||||
| -rw-r--r-- | packages/app/src/pages/session/session-prompt-dock.tsx | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/packages/app/src/components/session/session-new-view.tsx b/packages/app/src/components/session/session-new-view.tsx index b20f3ab60..89256c3ed 100644 --- a/packages/app/src/components/session/session-new-view.tsx +++ b/packages/app/src/components/session/session-new-view.tsx @@ -47,7 +47,7 @@ export function NewSessionView(props: NewSessionViewProps) { } return ( - <div class="size-full flex flex-col justify-end items-start gap-4 flex-[1_0_0] self-stretch max-w-200 mx-auto px-6 pb-[calc(var(--prompt-height,11.25rem)+64px)]"> + <div class="size-full flex flex-col justify-end items-start gap-4 flex-[1_0_0] self-stretch max-w-200 mx-auto 2xl:max-w-[1000px] px-6 pb-[calc(var(--prompt-height,11.25rem)+64px)]"> <div class="text-20-medium text-text-weaker">{language.t("command.session.new")}</div> <div class="flex justify-center items-center gap-3"> <Icon name="folder" size="small" /> diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx index f536c7061..a4ca06dd5 100644 --- a/packages/app/src/pages/session/message-timeline.tsx +++ b/packages/app/src/pages/session/message-timeline.tsx @@ -179,7 +179,7 @@ export function MessageTimeline(props: { "sticky top-0 z-30 bg-background-stronger": true, "w-full": true, "px-4 md:px-6": true, - "md:max-w-200 md:mx-auto 3xl:max-w-[1200px]": props.centered, + "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, }} > <div class="h-10 w-full flex items-center justify-between gap-2"> @@ -278,7 +278,7 @@ export function MessageTimeline(props: { class="flex flex-col gap-12 items-start justify-start pb-[calc(var(--prompt-height,8rem)+64px)] md:pb-[calc(var(--prompt-height,10rem)+64px)] transition-[margin]" classList={{ "w-full": true, - "md:max-w-200 md:mx-auto 3xl:max-w-[1200px]": props.centered, + "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, "mt-0.5": props.centered, "mt-0": !props.centered, }} @@ -321,7 +321,7 @@ export function MessageTimeline(props: { }} classList={{ "min-w-0 w-full max-w-full": true, - "md:max-w-200 3xl:max-w-[1200px]": props.centered, + "md:max-w-200 2xl:max-w-[1000px]": props.centered, }} > <SessionTurn diff --git a/packages/app/src/pages/session/session-prompt-dock.tsx b/packages/app/src/pages/session/session-prompt-dock.tsx index 697957027..eaf0564b2 100644 --- a/packages/app/src/pages/session/session-prompt-dock.tsx +++ b/packages/app/src/pages/session/session-prompt-dock.tsx @@ -31,7 +31,7 @@ export function SessionPromptDock(props: { <div classList={{ "w-full px-4 pointer-events-auto": true, - "md:max-w-200 md:mx-auto 3xl:max-w-[1200px]": props.centered, + "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, }} > <Show when={props.questionRequest()} keyed> |