monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): max widths

Browse Source
This commit is contained in:
Adam
2026-02-09 13:59:17 -06:00
parent 389afef336
commit 19809e7680
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/session/session-new-view.tsx
View File

@@ -47,7 +47,7 @@ export function NewSessionView(props: NewSessionViewProps) {
} }
return ( 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="text-20-medium text-text-weaker">{language.t("command.session.new")}</div>
<div class="flex justify-center items-center gap-3"> <div class="flex justify-center items-center gap-3">
<Icon name="folder" size="small" /> <Icon name="folder" size="small" />

6
packages/app/src/pages/session/message-timeline.tsx
View File

@@ -179,7 +179,7 @@ export function MessageTimeline(props: {
"sticky top-0 z-30 bg-background-stronger": true, "sticky top-0 z-30 bg-background-stronger": true,
"w-full": true, "w-full": true,
"px-4 md:px-6": 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"> <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]" 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={{ classList={{
"w-full": true, "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.5": props.centered,
"mt-0": !props.centered, "mt-0": !props.centered,
}} }}
@@ -321,7 +321,7 @@ export function MessageTimeline(props: {
}} }}
classList={{ classList={{
"min-w-0 w-full max-w-full": true, "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 <SessionTurn

2
packages/app/src/pages/session/session-prompt-dock.tsx
View File

@@ -31,7 +31,7 @@ export function SessionPromptDock(props: {
<div <div
classList={{ classList={{
"w-full px-4 pointer-events-auto": true, "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> <Show when={props.questionRequest()} keyed>